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

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

一、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使用方式（一）

 

来源：oschina

链接：https://my.oschina.net/tianma3798/blog/3155193