vue-router - 路由器链接与vue和vuetify混淆

标签 vue-router vuetify.js

如何通过使用该预定义模板来使用vue-router:

https://vuetifyjs.com/examples/layouts/google-contacts

我在我的项目对象中添加了一个链接

 items: 
[{ icon: 'dashboard' text: 'Home', link: '/'},

{ icon: 'dashboard' text: 'Account', link: '/account'},


我对在哪里放置路由器链接组件感到困惑。

最佳答案

v-list-tilev-btnv-card都扩展了router-link,因此您可以直接在这些组件上使用任何router-link属性。

就您而言,您可以使用<v-list-tile :to="item.link">

关于vue-router - 路由器链接与vue和vuetify混淆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47586022/

相关文章:

vue.js - vuetify 中的动态 mdi svg 图标

javascript - Vue js 条件布局

node.js - 如何使用 vue-cli(webpack) 创建多页面应用程序(每个页面都有不同的路由器,以及不同的 dist/index.html)

javascript - 我如何让 Vue Router beforeLeave 开火?

vue.js - NuxtJS 更改查询参数并重新加载页面

selenium - 如何查询 VueJs/Vuetify 当前是否正在动画?

javascript - 如何从我的 vue 路由器中的商店/状态访问此变量?

Laravel dusk 看不到 vuejs 选择器

datatable - Vuetify 数据表内联过滤器

vue.js - 如何从 Vuetify 进度条计算中删除空值