如何在 Nuxt/Vue 中重定向路由并调用挂载的钩子？答案

【问题标题】：How to redirect route in Nuxt/Vue and recall the mounted hook?如何在 Nuxt/Vue 中重定向路由并调用挂载的钩子？
【发布时间】：2021-07-06 00:58:31
【问题描述】：

新手 Nuxt 问题：

我尝试使用不同的参数重定向到相同的路由，但不知道如何使用 $nuxt 来推送路由，所以我尝试了下面的 vue 路由器。

url 改变了，但是挂载的钩子没有被调用来改变数据

methods: {    
  changeMatch(event) {
 
  this.$router.push({
    name: "tran-dau-id-tuong-thuat",
    params: { id: event.target.value },
  });
},

watch: {
    $route(to, from) {
      if (to.params.id != from.params.id) {
        this.loadFixture();
      }
    },
  },

【问题讨论】：

【解决方案1】：

你必须观察路由器参数的变化。

watch: {
  id(newId) {
    // has changed call mounted logic again ...
    this.getDataAgainLogic(newId) ... 
  }
}

【讨论】：