vue项目使用$router.go(-1)刷新原来界面

1.问题:

我们常常需要使用$router.go(-1)返回之前的页面,但是却发现,
之前的界面,保持着上次跳转的状态,比如说:弹框未关闭,状态未更新之类的等等

2.原因:

使用$router.go(-1)返回,之前的数据都保留,并未刷新原来的界面

3.解决方案:

在原页面watch中,对router进行监控,当router发生变化时,执行初始化界面方法:

watch: {
    '$route' () {
      this._initData();//我的初始化方法
    }
  },
或者就是不使用$router.go(-1),
使用:$router.push({ name: "模块名"});//这个是重新打开页面

暂时两方法,有好的解决方案欢迎指教
vue项目使用$router.go(-1)刷新原来界面_第1张图片

你可能感兴趣的:(vue,javascript,react)