Vue-router 参数未使用后退按钮更新

Question

我正在使用参数，当我使用 this.$router.push() 推送参数时，它可以工作。

routes: {
  path: ':stepId?',
  name: 'stepper'
}

但是，我也在观察组件内部的 $route 以捕捉参数值的变化 (As described in the docs)：

watch: {
  $route: {
    handler: function(to, from) {
      const newStepId = (to.params && to.params.stepId) || this.steps[0].id;
      const initial = !from;
      if (initial || newStepId !== from.params.stepId) {
        this.goToStep(newStepId, initial);
      }
    },
    immediate: true
  }
}

但是，当我使用后退按钮时，watch: $route 内的路线的to 部分没有任何参数，只有路径或者手表甚至没有运行.

Answer 1

我遇到了同样的问题，对我有用的是在 created() 方法中添加 $watch。

  created() {
    this.$watch("$route",() => { 
    // this.$route.query is watched now as expected
   }, 
   { immediate: true });
  }

我还是有点不清楚为什么把它挂载或像你所做的那样不起作用