3.浏览器上的路由id发生改变时,重新加载编辑内容详情

88 阅读1分钟

1.通过点击列表页进入内容的详情页,改变浏览器上携带的id时,如何刷新内容详情的数据:

  watch: {
    //浏览器上的路由id发生改变时,重新加载编辑内容详情
    "$route.query.id": {
      deep: true,
      immediate: true,
      handler: function(val, oldVal) {
        if (val != oldVal && oldVal != undefined) {
          this.getData(); //重新加载详情
        }
      }
    }
  },
  • handler:其值是一个回调函数。即监听到变化时应该执行的函数。
  • deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
  • immediate:其值是true或false;确认是否以当前的初始值执行handler的函数。