在使用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);