自定义事件实现父子组件交互
前面我们父组件通过传递方法对象,来实现子组件调用父组件,我们也可以通过自定义事件来实现;
主要通过:this.$emit('myEvent')
我们修改下前面的案例:
@addMenu="addMenu" 绑定事件;
因为我们去掉了 传值,所以Menu.vue子组件里
prop里去掉
以及this.addMenu已经不好调用了。
this.$emit('addMenu',menu)
我们要改成 this.$emit('addMenu',menu) 触发事件,效果一样;
还有一种方式,通过代码动态绑定自定义事件
改下
标签组件搞个ref引用;
mounted 当页面挂载完毕后,绑定下监听,也一样的效果 。就是繁琐点;
下一篇:es6 Class类