VUE中解决路由跳转页面不刷新问题的小bug

     今天在项目中，遇到一个小bug，从一个页面路由携带id和name跳转到另一个页面，在另一个页面根据携带过来的id和name，查询匹配的数据以后，再次点击本页面，遇到页面不刷新，获取不到所有数据，

如图：

     解决办法：

使用watch侦听器，侦听一下路由的变化，当路由变化以后，重新发请求，获取数据，就可以

代码表示：

  watch: {
    $route(to, form) {
      console.log(to, form)
      // 获取原始数据的函数
      this.loadDirectivesList()

      
    }
  },

 这样就可以解决问题啦！！！