执笔抒写

摘要： 安装 vue-gird-layout https://github.com/jbaysolutions/vue-grid-layout 先跑一遍demo 运行起来。 # install with npm npm install vue-grid-layout --save index.vue 1 < 阅读全文

摘要： 使用的插件为 watermark-dom ,接下来分三步走，实现水印保护。 第一步：引入依赖包 下载依赖包： npm install watermark-dom 1 引入使用： import watermark from 'watermark-dom' 1 或 var watermarkDom = 阅读全文

摘要： 一般刷新页面可以用location.reload(true),history.go(0) 等方法,但是这对vue项目很不友好,会是页面重新加载,出现暂时性的空白,而且耗费性能,所以vue项目最好不用这些方法.vue有this.$forceUpdate()可以强制更新,下面介绍其他2种更好的方法. 方 阅读全文

摘要： 官网：http://ricostacruz.com/nprogress/ https://www.jianshu.com/p/408583294d61 https://www.jianshu.com/p/610b7c350be8 1、安装 nprogress cnpm install nprogre 阅读全文

摘要： 如果tab标签页比较多的话，一个个关闭比较麻烦，可以右键显示菜单，关闭所有的标签页或者特定的标签页 要解决的问题 1、如何在el-tabs 上绑定右键事件 可以使用 @contextmenu.prevent.native="openContextMenu($event)" <el-tabs :val 阅读全文

摘要： 阅读全文

摘要： 首先确认< router-view >外层是否有包裹了一层< keep-alive > 如果有包裹： <template> <div> <keep-alive> <router-view /> </keep-alive> </div> </template> 1 2 3 4 5 6 7 在data中 阅读全文

摘要： 1.在项目中总会遇见一些需要排序的数据 ， 我们可以通过vue.draggable 进行拖动排序 。 2.Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 3.拖顶的数据和data里的数据为双向绑定 ，在界面变的时候data中的数据也在跟着变化。 安装 npm i -S 阅读全文

摘要： A -> B 无缓存 B -> A （A保留了之前的缓存） C -> A （A无缓存） 方法1（会有bug）：使用beforeRouteEnter钩子配合keep-alive（这里需要注意如果一个组件有的时候需要缓存有的时候不需要，那么你在路由配置的时候也应该设置keepAlive为true，然后不 阅读全文

摘要： 大家一般配置的Vue项目webapi的服务器地址都在config中的prod.dev.js中极不方便，如果要发布多个不同端口及ip的服务器项目，每次都得打包重新修改发布，最近刚好碰到这类问题就查阅资料，结合其他人的心得，自己尝试了一下。 主要有一下几个步骤： 1. 首先在static目录下创建一个c 阅读全文