首頁(yè) 猿問(wèn) vue中一個(gè)組件如何更好地監(jiān)聽(tīng)另一...

vue中一個(gè)組件如何更好地監(jiān)聽(tīng)另一個(gè)組件的事件

JavaScript

喵喵時(shí)光機(jī) 2018-11-21 18:19:00

父組件APP下面有A,B,C,D4個(gè)路由組件，這4個(gè)路由組件下面分別有A1,B1,C1,D1子組件,其中app下面還有一個(gè)E組件。A1,B1,C1,D1這些組件單擊后要觸發(fā)E組件里面的方法，并把相應(yīng)的參數(shù)傳遞給E組件中的方法?，F(xiàn)在我的方法是使用this.$emit一層一層往上傳遞到父組件然后使用this.$refs 這樣的方法激活E組件的方法和傳遞數(shù)據(jù).后來(lái)覺(jué)得這樣麻煩就使用vuex, 把要傳遞的數(shù)據(jù)都放進(jìn)store里面，但是不知道怎么使用vuex讓E組件的方法在我點(diǎn)擊后自動(dòng)觸發(fā)

查看完整描述

1 回答

慕絲7291255

TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊

可以在E組件computed store的值，然后watch這個(gè)值，然后根據(jù)store的值改變后觸發(fā)watch的handler，如果需要每次點(diǎn)擊相同組件都觸發(fā)，需要每次點(diǎn)擊都要改變一個(gè)值，computed應(yīng)該是緩存的。
更好的方法應(yīng)該是寫(xiě)成vuex的一個(gè)action吧，然后在每個(gè)組件中導(dǎo)入這個(gè)action，就可以使用了。