Vue.js “如何使用路由器链接”；至；vuetify组件上的道具？

我有一个化身的形象，点击我想路由到我的路径之一。我知道我可以用router view来完成，但vuetify也继承了它的属性

少了什么

<div id="app">
  <v-app>
    <v-app-bar>
      <v-toolbar-items>
      <v-avatar to="'/profile'">
        <v-img src="http://www.dumpaday.com/wp-content/uploads/2019/10/00-156-750x280.jpg"></v-img>
      </v-avatar>
      </v-toolbar-items>
    </v-app-bar>
  </v-app>
</div>

完整示例：

---

v-avatar

不是链接abd不支持

到

，因此您必须使用路由器链接包装图像，如：

<div id="app">
  <v-app>
    <v-app-bar>
      <v-toolbar-items>
      <v-avatar">
        <router-link to="/profile">
           <v-img src="http://www.dumpaday.com/wp-content/uploads/2019/10/00-156-750x280.jpg"></v-img>
        </router-link>
      </v-avatar>
      </v-toolbar-items>
    </v-app-bar>
  </v-app>
</div>

---

我不明白你的问题。你到底想问什么？我的示例显示“：to”属性的使用失败，就像在“v-avatar”组件中必须有一种使用“to”的方法一样，对吗？复制为：当你在属性名称前加一个冒号（

：to

，在你的情况下），值（

/profile

）将被解释为JavaScript代码，因此，你的例子将失败。请编辑答案并删除冒号。谢谢

<v-avatar @click="forward">

methods: {
  forward() {
     this.$router.push("/profile")
  }
}