搜尋

首頁  >  問答  >  主體

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大神幫忙下,卡在這裡半天了。

仅有的幸福仅有的幸福2745 天前758

全部回覆(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
  • 取消回覆