vuejs2 - 我将 v- 用于 router-link 但它不起作用

Question

<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'}
      ]
    }
  }
}

Answer 1

而不是将 to 更改为 :to。由于性能原因，一个好的做法是使用 :key="i"，包括 v-for="(item, i) in navbars"。

访问此问题并在其代码中包含 :href 的其他人的注释 - 您需要将 :href 更改为 :to。