javascript - vue2.0子组件用$parent.$emit和$on和父组件通信报错?
仅有的幸福
仅有的幸福 2017-05-19 10:32:24
0
1
723


这是子组件

这是父组件

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

仅有的幸福
仅有的幸福

全部回复(1)
为情所困

vue2
使用 $on(eventName) 监听事件$on(eventName) 监听事件
使用 $emit(eventName使用 $emit(eventName) 触发事件
例如:
子组件

methods: {
     this.$emit('fn', 'value')
}

父组件

<ratingselect v-on:fn="type">

</ratingselect>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!