随笔分类 -  vue2.0 学习笔记

element-UI,根据后台数据、动态生成el-checkbox-group，点击提交获取绑定checked项以及实现显示默认checked项
摘要：每个人的数据格式不一样，但是实现逻辑都是一样的。可以作为参考，稍微修改一下代码实现符合自己的数据格式。 实现结果（动态生成 checkbox-group，并且设置默认checked项），具体v-model值，需要打印看咯 简单点来说： 就是根据你的数据生成一个二维数组，比如data是lists,那么 阅读全文
posted @ 2018-08-24 18:11 wjw_Dream 阅读(50227) 评论(0) 推荐(2)
使用vue打包，vendor文件过大，或者是app.js文件很大
摘要：第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。 我的解决办法： 1、把不常改变的库放到index. 阅读全文
posted @ 2018-06-29 10:23 wjw_Dream 阅读(71318) 评论(10) 推荐(8)
element-ui 表格 selection-change，获取勾选后的index索引值
摘要：element table表格没有获取勾选后的index的方法，这里通过两个forEach遍历实现。 当selection-change事件触发后，写入以下代码 打印出的 i 就是你要获取的勾选的行索引值，可以把它存到一个数组内，方便使用。 阅读全文
posted @ 2018-06-28 15:39 wjw_Dream 阅读(31009) 评论(2) 推荐(0)
vue 点击返回顶部组件（默认不显示，滚动一段距离后显示），附带动画。
摘要：第一次使用vue做项目，UI选择了Element-ui，看到官网有点击回到顶部按钮，并且按钮是在滚动一段距离后才出现的（附带动画），但是官网文档并没有这个组件，于是自己实现了一个。 首先说明，为了使用美化的的滚动条，这里使用了element的隐藏组件 el-scrollbar，所以滚动条滚动不是相对 阅读全文
posted @ 2018-06-28 15:25 wjw_Dream 阅读(8236) 评论(0) 推荐(1)
vue2.0 使用vue-cli搭建项目，引用全局scss，全局注入变量和方法等
摘要：1、如果单纯在main.js中引入global.scss全局样式，不使用全局变量和方法等 找到 webpack.base.conf.js删掉下面的配置就可以了 使用：main.js引入scss文件 import './assets/style/global.scss'即可。 2、如果既要引入全局cs 阅读全文
posted @ 2018-06-27 18:28 wjw_Dream 阅读(8501) 评论(0) 推荐(0)
vue点击菜单以外区域，隐藏菜单操作
摘要：data() { return { menuShow: false //v-show标识隐藏显示 } }, mounted (){ let _this = this; document.addEventListener('click', function (e) { // 下面这句代码是获取 点击的区域是否包含你的菜单，如... 阅读全文
posted @ 2018-06-27 18:14 wjw_Dream 阅读(5847) 评论(0) 推荐(0)
见过的最详细的 Vuex 介绍，看一遍就会了
摘要：原文链接：https://segmentfault.com/a/1190000009404727 阅读全文
posted @ 2018-04-24 15:40 wjw_Dream 阅读(178) 评论(0) 推荐(0)
webstrom使用vue-cli时 遇到的一些问题
摘要：1、当webstrom 热更新不灵活时，在“File” >> "Settings" >> "Appearance & Behavior" >> "system settings"中，勾掉synchornization以下的最后一项即可（禁止自动保存）； 2、npm run build之后文件引入的路 阅读全文
posted @ 2018-04-24 15:30 wjw_Dream 阅读(203) 评论(0) 推荐(0)
vue2.0 + webpack2.0 配置
摘要：index.ejs 阅读全文
posted @ 2018-04-24 15:13 wjw_Dream 阅读(297) 评论(0) 推荐(0)