随笔分类 -  vue

父组件循环调用子组件方法
摘要：<fu> <zi ref='child'></zi> </fu> this.$refs.child.forEach(_ => _.子组件方法()); 阅读全文
posted @ 2020-05-21 16:16 宇智波copy 阅读(704) 评论(0) 推荐(0)
vue中过滤器和计算属性
摘要：过滤器（filters）设计的初衷就是处理文本不处理data数据，this指不到，可以在beforecreate的时候改变this指向可以访问，或者考虑使用计算属性 ，计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。 computed:{ sum:functio 阅读全文
posted @ 2019-08-27 22:27 宇智波copy 阅读(2341) 评论(0) 推荐(0)
在vue中场景，循环行，点击当前行编辑数据
摘要：当前列表 点击编辑，行变为编辑框。 通过在循环的数组中对象中添加新的元素控制显示隐藏， 通过es6 map方法 验证的话是动态加入id，验证之后通过控制id添加样式 document.getElementById(id).style.display = 'block'; 阅读全文
posted @ 2019-06-25 14:29 宇智波copy 阅读(3497) 评论(0) 推荐(0)
vue中websoket的使用
摘要：首先安装npm install --save websocket-heartbeat-js@^1.0.7 在main.js中 引入并挂载全局方法 在app.vue中 建立连接 在vue组件中使用 阅读全文
posted @ 2019-05-24 14:32 宇智波copy 阅读(869) 评论(0) 推荐(0)
vue的自定义指令控制菜单权限
摘要：用户登录后，选择子节点，节点中含有多个菜单，可以根据后台返回的权限数据进行权限控制 在vue上挂载自定义指令方法，根据后台返回权限移除相应节点 main.js中 import hasPermission from '@/libs/hasPermission'; Vue.use(hasPermissi 阅读全文
posted @ 2019-05-13 16:15 宇智波copy 阅读(3896) 评论(0) 推荐(0)
Vue组件传值方法调用
摘要：1.子组件改变父组件的值 <father label="云盘快照" name="name2"> <son :props='rows' @change="changestate"> </son> </father > 父组件method中 changestate（e）{ this.operation 阅读全文
posted @ 2019-05-08 17:55 宇智波copy 阅读(1802) 评论(0) 推荐(0)
iview组件Dropdown设置点击事件无效
摘要：在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触 在vue中使用iview的dropdownMenu 上单纯的@click也不生效，要写成@click.native="change" 阅读全文
posted @ 2019-05-06 11:57 宇智波copy 阅读(1898) 评论(0) 推荐(0)
DOM节点的获取
摘要：<input type="text" ref="input1"/> 我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。 然后在javascript里面这样调用：this.$refs.input1 可以减少获取dom节点的消耗了 阅读全文
posted @ 2019-04-25 11:43 宇智波copy 阅读(288) 评论(0) 推荐(0)