Vue路由参数更新但是页面不刷新问题解决

原创
2020/01/09 10:33
阅读数 4.8K

一、Vue路由参数更新但是页面不刷新问题

        {
          path: "/static/:id",
          name: "static",
          component: () => import("./views/art/Static.vue")
        },

解决方案,在当前视图组件中监听路由参数变化,来刷新数据。

  //监听路由变化
  watch: {
    $route(to, from) {
      if (to.params.id != from.params.id) {
        //加载数据
        this.init();
      }
    }
  },
  mounted() {
    //加载数据
    this.init();
  }

 

更多路由文章:

Vue中路由管理器Vue Router使用介绍(三)

Vue中路由管理器Vue Router使用方式(二)-推荐

Vue中路由管理器Vue Router使用方式(一)

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部