业务描述:

当前页面是一个带参数的页面,如下:

vue-router中关于组件复用页面不刷新的问题-LMLPHP

页面下方有tab,点击其一个的跳转路由是:

vue-router中关于组件复用页面不刷新的问题-LMLPHP

由此,发现问题,地址改变了,但是页面数据没有刷新。

查阅后,此情况属于组件复用的情况。

解决方法:

通过watch监听路由变化:

  watch: {
    '$route':function(to,from){
     //在这个地方,重新调一遍进入页面的接口,比如:initData()??
  },
04-29 13:45