搜索

首页  >  问答  >  正文

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


这是子组件

这是父组件

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

仅有的幸福仅有的幸福2749 天前760

全部回复(1)我来回复

  • 为情所困

    为情所困2017-05-19 10:34:24

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

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

    父组件

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

    回复
    0
  • 取消回复