【vue】---- 相同路由不同参数的模块展示进行跳转时页面不刷新问题

1、方式一：添加 watch 监听路由参数变化强制页面刷新

watch: {
  '$route'(to, from) {
    if (to.query) {
      this.$router.go(0)
    }
  }
}

// 但这种方式导致整体页面刷新而不是路由刷新

 

2、方式二：在展示区的 router-view 标签上控制 key 属性变化

<router-view :key="$route.fullPath">

// 路由变化时刷新