随笔分类 - vue
use
vue插件开发-可拖动城市选择插件
摘要：插件通常用来为 Vue 添加全局功能 使用插件 通过 Vue 的全局方法 Vue.use() 使用， 当然，在使用这个方法之前，你的 Vue 实例 必须已经初始化完成 // 引入自定义chooseCity 提示框 import chooseCity from './plugin/chooseCity
阅读全文
vue css >>> /deep/ 穿透
摘要：vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。 有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名) <style scoped> 外层 >>>
阅读全文
详解vue 路由跳转四种方式 (带参数)
摘要：1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开
阅读全文
vue篇之事件总线（EventBus）
摘要：EventBus的简介 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的灾难，因此才需要更完善的V
阅读全文
前端 使用 js-file-download 下载后端返回的Excel文件
摘要：问题描述：调用后端接口，接口返回文件流的形式， 第一种：window.local.href = 'xx/xx' 第二种：请求接口 接口返回一段文件流；使用 js-file-download 进行下载； js-file-download 使用方式： 安装 npm install js-file-dow
阅读全文
Vue集成Ueditor
摘要：转载：https://juejin.cn/post/6844903781709119495 vue-ueditor-wrap地址：https://github.com/HaoChuan9421/vue-ueditor-wrap vue-ueditor-wrapdemo地址：http://uedito
阅读全文
vue富文本编辑器 Vue-Quill-Editor
摘要：Vue-Quill-Editor 主流富文本编辑器对比 前言：vue中很多项目都需要用到富文本编辑器，在使用了ueditor和tinymce后，发现并不理想。所以果断使用vue-quill-editor来实现。 wangEditor（国产，基于javascript和css开发的web富文本编辑器，开
阅读全文
vue 动态加载css本地背景图片
摘要：在css中，正常这么引入是可以显示的 background: url(../assets/images/banner.png) no-repeat center; 代码中看的效果如下： 但是在js中引入则需要加上 require()，不然无法显示 转载：https://blog.csdn.net/s
阅读全文
vue插件开发
摘要：插件通常用来为 Vue 添加全局功能 使用插件 通过 Vue 的全局方法 Vue.use() 使用， 当然，在使用这个方法之前，你的 Vue 实例 必须已经初始化完成 import myPlugin from './plugIn/myPlugin' // 该方法，会调用 myPlugin 的 ins
阅读全文
vue-cli4修改打包后文件后缀（css，js）
摘要：cli config官网地址：https://cli.vuejs.org/zh/config/ 当前使用vue2.6+ cli4.5.4版本；打包的vue.config配置文件，包括多页面配置，打包后图片配置域名地址，修改打包后js文件名等； module.exports = { // 项目部署的基
阅读全文
vuecli4 vue3.0改变路径为hash路径
摘要：history: createWebHashHistory(process.env.BASE_URL), hash 路由 createWebHistory history 路由 createMemoryHistory 带缓存 history 路由 parseQuery 查询参数反序列化 string
阅读全文
Vue cli4.5.4 路由通配符设置无效
摘要：之前设置 * 在 cli4版本中设置报错 没有效果； 如下代码是设置有效： { path: '/:pathMatch(.*)', redirect: { name: 'vue404' } }
阅读全文
vue-config.js配置（多页面应用以及打包后图片文件的引用路径改为cdn路径）
摘要：vue-config.js配置，我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢? vue cli3.0项目中需要配置其他参数时，需要新建文件'vue.config.
阅读全文
用vue构建多页面应用
摘要：最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。 这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page 准备工作 在本
阅读全文
vue中mixins的理解及应用
摘要：vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ mixins 混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。 混合对象可以包
阅读全文
vue项目实现路由按需加载(路由懒加载)的3种方式
摘要：转自：https://segmentfault.com/a/1190000011519350 vue异步组件 es提案的import() webpack的require,ensure() vue异步组件技术 异步加载 vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载
阅读全文
vue keep-alive以及activated,deactivated生命周期的用法
摘要：转载：https://www.jianshu.com/p/0272c0fe9392 vue官网的描述： <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也
阅读全文
vue配置开发，测试，生产环境api（打包方式）
摘要：想实现通过不同的命令，打包调用不同环境的API，实现实现前端自动化部署。 前端自动化部署工程比较复杂，这里只介绍通过不同的命令，打包的时候调用不同环境的API，例如：npm run build 调用开发环境接口，打包开发环境npm run build:test 调用测试环境接口，打包测试环境npm
阅读全文
vue项目使用cropperjs制作图片剪裁，压缩组件
摘要：参考：https://www.cnblogs.com/linxiyue/archive/2019/01/18/10288490.html 项目中裁剪图片效果 代码部分：（将上传部分 封装成一个组件直接调用当前组件） <template> <div id="demo"> <!-- 遮罩层 --> <d
阅读全文
vue递归组件的实现
摘要：本文链接：https://blog.csdn.net/weixin_43756060/article/details/87786344vue递归实现图片上的多级菜单 父级组件结构 列表子组件
阅读全文
浙公网安备 33010602011771号