在使用vue的时候一个页面会有多个组件构建,所以会发生数据刷新,但是页面上的变化不完全
1.第一种:一个页面可以跳转到另一个页面,但是两个页面是共用的,点击跳转之后,必须强刷浏览器,数据才会更新
解决:
beforeRouteUpdate(to,from,next){
this.id = to.params.id;
this.getTeamData();
next();
}
2.第二种:一个页面可以跳转到另一个页面,但是这个页面的一部分是另一个组件(或者可以是另一个页面通过<router-view>连接的),导致操作完成后状态没有改变。
解决:
先在父级页面写个方法,拿到新的数据
setPlan(plan){
this.plan = plan;
}
然后去子页面获取数据之后调用
_this.$parent.$parent.setPlan(_this.plan);
网友评论