vue+ element 小白初次實踐踩坑(二)-數(shù)據(jù)刷新,頁面沒改變

在使用vue的時候一個頁面會有多個組件構(gòu)建,所以會發(fā)生數(shù)據(jù)刷新,但是頁面上的變化不完全

1.第一種:一個頁面可以跳轉(zhuǎn)到另一個頁面,但是兩個頁面是共用的,點擊跳轉(zhuǎn)之后,必須強刷瀏覽器,數(shù)據(jù)才會更新

解決:

beforeRouteUpdate(to,from,next){

? ? ? ? ? ? this.id = to.params.id;

? ? ? ? ? ? this.getTeamData();

? ? ? ? ? ? next();

? ? ? ? }

2.第二種:一個頁面可以跳轉(zhuǎn)到另一個頁面,但是這個頁面的一部分是另一個組件(或者可以是另一個頁面通過<router-view>連接的),導(dǎo)致操作完成后狀態(tài)沒有改變。

解決:

先在父級頁面寫個方法,拿到新的數(shù)據(jù)

setPlan(plan){

? ? ? ? ? ? ? ? this.plan = plan;

? ? ? ? ? ? }

然后去子頁面獲取數(shù)據(jù)之后調(diào)用

_this.$parent.$parent.setPlan(_this.plan);

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容