第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

vue路由跳轉(zhuǎn)不刷新

vue路由跳轉(zhuǎn)不刷新

慕仙森 2018-08-18 19:50:03
在'game-detail'頁(yè)面執(zhí)行this.$router.push()方法,跳轉(zhuǎn)到'game-detail',頁(yè)面不刷新。因?yàn)槁酚芍黧w沒變,變的只是傳遞的參數(shù)id所以從'game-detail?id=1'到'game-detail?id=2',并沒有跳轉(zhuǎn)。但是可以在watch里監(jiān)聽$route,監(jiān)聽到id的變化。后來(lái)我就在watch里邊監(jiān)聽路由,點(diǎn)擊后……重新調(diào)用了獲取頁(yè)面數(shù)據(jù)的methods函數(shù)。想通過刷新頁(yè)面數(shù)據(jù),再加上把滾動(dòng)條歸零,來(lái)模擬頁(yè)面的刷新。然后……點(diǎn)擊后……數(shù)據(jù)刷新了,頁(yè)面沒變化……父組件是通過props傳遞給子組件的,請(qǐng)問我應(yīng)該在子組件里怎么做呢?剛才百度了發(fā)現(xiàn)有的人說是在子組件里watch并且deep監(jiān)聽,然后我監(jiān)聽到數(shù)據(jù)變化了以后在子組件里進(jìn)行賦值也還是不行。父組件部分內(nèi)容:<child :data="dataList"/>data里邊:dataList: []this.$http.get().then((res)=>{    this.dataList.splice(0, this.dataList.length, ...res) })watch部分:watch: {     $route(to, from) {        this.$http.get().then((res)=>{            this.dataList.splice(0, this.dataList.length, ...res)         })     } }子組件部分內(nèi)容:<div>{{ getData.name }}</div>props: ['data']data里邊:getData: this.data[0]
查看完整描述

2 回答

?
泛舟湖上清波郎朗

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

受邀來(lái)答。

路由參數(shù)變化但是頁(yè)面沒有刷新這是Vue的組件復(fù)用的默認(rèn)處理方式
文檔里面寫了

不想復(fù)用的話,就在父組件的router-view上加個(gè)key
<router-view :key="$route.fullPath"></router-view>


查看完整回答
反對(duì) 回復(fù) 2018-08-19
?
慕神8447489

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

從代碼看 你的route壓根就沒有變化呀 怎么會(huì)出發(fā)watch呢

試試將getData寫成計(jì)算屬性

computed:{
  getData (){    return this.data[0]
  }
}


查看完整回答
反對(duì) 回復(fù) 2018-08-19
  • 2 回答
  • 0 關(guān)注
  • 4238 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)