vue携带参数路由跳转页面未刷新问题解决

后台管理系统昨天碰到的一个小问题，点击订单号进入该订单的详情页面，需要将这个订单号当作参数传递过去，路由发生改变但是页面没有发生变化；


可以看到路由发生了变化，但是页面是没有变化的，还是订单一的页面，于是在订单详情页面监听了传过来的这个参数，可以看到如下；

 watch: {
    // 方法1 //监听路由是否变化
    $route(to, from) {
      console.log(to.params.orderNo, from.params.orderNo);
    }
  }

就拿到了一个之前的，一个现在的订单参数，然后判断是否发生变化，在进行操作

watch: {
    // 方法1 //监听路由是否变化
    $route(to, from) {
      console.log(to.params.orderNo, from.params.orderNo);
      //监听路由是否变化
      if (to.params.orderNo != from.params.orderNo) {
        this.messageData = [];
        this.$route.params.orderNo = to.params.orderNo;
        this.init(); //重新加载数据
      }
    }
  }

解决了页面没有刷新的bug。