随笔分类 - vue
js前端渐进式框架
摘要：chrome搜索插件，并添加 然后新建javascript调试： 这边设置成跟你项目启动一样的ip及端口。src目录的remote URL改成webpack:///src。 然后先 npm run dev，启动项目。(就是你平常项目启动的命令) 然后点调试的小乌龟开始调试。 这时候会打开一个新的浏览
阅读全文
摘要：首先先安装依赖： npm install v-viewer --save 然后全局引入，我这边是在main.js里面操作写的： import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' 然后注册下： Vue.use(Viewer)
阅读全文
摘要：路由跳转： this.$router.push({ name: '工单列表', params: {p_camera_dev_name: 'xxx'} }); 使二级菜单呈点击状态： $('[index*=\'/demo/test\']').trigger('click'); 获取参数： var th
阅读全文
摘要：在项目中，突然发现在用vue指令的时候，发现元素el的父元素parentNode变成了null。 代码： 我这边用的是bind的钩子函数。 vue指令 钩子函数 一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设
阅读全文
摘要：可以在全局定义一个MD5的方法，然后引入到vue的脚手架中。 首先 然后引用定义一个对象， 以下边是MD5加密的代码
阅读全文
摘要：在vue脚手架中，目前项目使用的iview里面的图标，不够满足，需要自定义加入图标。 在阿里图标库：https://www.iconfont.cn 然后把本项目需要的图标可以放在里面。 然后将iconfont下载到本地。 修改iconfont.css文件中的路径，在文件引入的地方加上 ./ 在mai
阅读全文
摘要：原文地址： https://segmentfault.com/a/1190000010336178 总体感知 首先贴一张Vue文档给出的生命周期图示，并添加了一些注释Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表 （除了beforeCreate和created钩子之外，其他钩子均
阅读全文
摘要：需要先导入： 然后根据后端传递过来的标识符引入对应的图片： 在data中定义变量， logoName, 选择对应的图片赋值给logoName, 即可 补充： 发现一种更简单的，
阅读全文
摘要：$emit方法 父组件 子组件
阅读全文
摘要：在使用echarts的时候，需要在触发click事件之后去修改实例data里面的数据，可是发现用this引用后总是出现undefined, 解决办法：
阅读全文
摘要：写过angularjs的同学知道，如果ng-repeat中的item绑定到对应的model，item改变是会引起视图的更新的，但是vue中不起作用，具体的解决办法： 在vue脚手架中，首先引入vue 首先 添加到组件： 然后代码中调用： index表示下标， item表示个体
阅读全文
摘要：之前写angularjs的时候，filter是可以直接在ng-repeat中使用。但是到了vue好像这个不起作用。 具体解决办法： 加一个计算属性： 然后template中直接引用filterData就可以了，所有过滤的操作可以直接写在filterData属性的后面那个function中。 使用：
阅读全文
摘要：本人之前学过angularJS，记得v-for绑定的数组，只要切换v-if = ''item.show'' 只要改变相关的值，就可以对应的值，视图就会重新渲染，但是在vue中却不灵了，找到答案了，需要 Vue.set来赋值。 先引入Vue 然后：
阅读全文
摘要：在使用iview Input组件是，需要enter粗发相关的请求事件，但是在Input组件内不起效果： 这个时候需要改写成
阅读全文
摘要：这边需要对值进行转化，添加一个transform的函数，将字符串的值转化为数字。
阅读全文
摘要：现在data里面定义： <div style="height: 100%; width: 100%;" class="note" :style ="note"></div>
阅读全文
