vue+ element 小白初次实践踩坑（二）-数据刷新，页面没改变

vue+ element 小白初次实践踩坑（二）-数据刷新，页面没改变

在使用vue的时候一个页面会有多个组件构建，所以会发生数据刷新，但是页面上的变化不完全

1.第一种：一个页面可以跳转到另一个页面，但是两个页面是共用的，点击跳转之后，必须强刷浏览器，数据才会更新
解决：

beforeRouteUpdate(to,from,next){

    this.id = to.params.id;

    this.getTeamData();

    next();

}

2.第二种：一个页面可以跳转到另一个页面，但是这个页面的一部分是另一个组件（或者可以是另一个页面通过连接的），导致操作完成后状态没有改变。

解决：

先在父级页面写个方法，拿到新的数据

setPlan(plan){

  this.plan = plan;

}

然后去子页面获取数据之后调用

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