在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue 數(shù)據(jù)可以console.log出來(lái),但是頁(yè)面渲染不出來(lái)

vue 數(shù)據(jù)可以console.log出來(lái),但是頁(yè)面渲染不出來(lái)

我從購(gòu)物車(chē)跳轉(zhuǎn)到下單詳情頁(yè),想把購(gòu)物車(chē)的數(shù)據(jù)傳過(guò)去,用的是eventBus,已經(jīng)可以console.log出來(lái)了,但是頁(yè)面渲染出來(lái)

clipboard.png

clipboard.png

clipboard.png

======================================
path 不能接收 parmams的值,要用name

clipboard.png

clipboard.png

回答
編輯回答
萌二代

我總感覺(jué)你的order組件里觸發(fā)不到事件的才是對(duì)的。因?yàn)槟闶窍?emit后router跳轉(zhuǎn),那么$emit觸發(fā)的時(shí)候,order組件還沒(méi)創(chuàng)建,事件也就不存在,是無(wú)法觸發(fā)的。
建議你改用params傳值,即

// 傳
this.$router.push({name: 'order', params: {food: xxx}})
// 收
this.selectFood = this.$route.params.food

然后你能把你現(xiàn)在的代碼傳到github上嗎?
有空了我想看看你的$on是怎么被觸發(fā)的。

2017年2月8日 23:12
編輯回答
淺淺

請(qǐng)不要在這種情況使用箭頭函數(shù),寫(xiě)成這樣便可以了:

created(){
    var self = this;
    Bus.$on('getTarget', selectFoods => {
        self.selectFoods = selectFoods;   //這里若是直接使用this,它指向的就不是Vue實(shí)例了,也就控制不了data里面的數(shù)據(jù)。
    };
}
2018年7月14日 20:44