<li v-for="item in navbars">
<router-link to="{path:item.router}">{{item.names}}</router-link>
</li>
但是不行,控制台是
vue-router.esm.js?f926:16 [vue-router] 重复的命名路由定义:{ name: "auto", path: "/auto"}
export default {
data () {
return {
isShow: false,
navbars: [
{names: 'xx', router: '/xx'},
{names: 'xx', router: '/xx'},
{names: 'xx', router: '/xx'},
{names: 'xx', router: '/xx'},
{names: 'xx', router: '/xx'}
]
}
}
}
最佳答案
而不是将 to
更改为 :to
。由于性能原因,一个好的做法是使用 :key="i"
,包括 v-for="(item, i) in navbars"
。
访问此问题并在其代码中包含 :href
的其他人的注释 - 您需要将 :href
更改为 :to
。
关于vuejs2 - 我将 v- 用于 router-link 但它不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42546196/