javascript - vue2.0子元件用$parent.$emit和$on和父元件通訊報錯?
仅有的幸福
仅有的幸福 2017-05-19 10:32:24
0
1
784


這是子元件

這是父元件

##由於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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板