vue2.0子组件用$parent.$emit和$on和父组件通信报错?

发布于 2017-05-06 02:30:51 字数 375 浏览 1460 评论 1


这是子组件

这是父组件

由于vue2.0已经废废弃了events这个属性,我子组件中的比如点击事件怎样冒泡到父组件,以及父组件该在什么时候监听这个事件并且可以触发它。
我尝试在子组件的click事件下通过this.$parent.$emit('function','value'),
然后在父组件的created钩子中通过this.$on("click",function(value){...}),
methods里面的方法function(value){console.log(value);}
但是在页面中报错,功能能实现,就是数据不跟着变动,所以请教下用过vue2.0大神帮忙下,卡在这里半天了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

归属感 2017-05-06 02:30:51

vue2 使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件例如:子组件
methods: {
this.$emit('fn', 'value')
}

父组件
<ratingselect v-on:fn="type">

</ratingselect>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文