Question

我正在使用Vuetify的<v-select></v-select>，并且试图将用户重新路由到其他路径，但是我无法使其正常工作。这是我的代码，有人可以指出我做错了吗？预先感谢！

<v-select
  :items="items"
  @:change="changePath"
  item-text="name"
  item-value="path"
  label="Select"
  solo
></v-select>

 export default {
    data: () => ({
      items: [
        {
          name: "machines",
          path: "/machines"
        },
        {
          name: "machines1",
          path: "/machines1"
        },
        {
          name: "machines2",
          path: "/machines2"
        },
        {
          name: "machines3",
          path: "/machines3"
        }
      ] 
   }),

  methods: {
    changePath(items) {
      this.$router.push({ path: this.items.path });
    }
  }
}

Answer 1

我注意到的第一件事（可能是拼写错误）是@:change。应该是@change。

第二件事（可能是实际问题）在changePath方法中。您正在将this.items.path分配给对象中的路径，但是它应该是传递给该方法的项目。

this.$router.push({ path: items });

//编辑：我创建了一个小路由器，其路由器视图为demo

Vuetify v-select不会重新路由

1 个答案: