Vuejs2 我使用v-作为路由器链接，但它‘；它不起作用

使用javascript表达式时应使用v-bind：

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

{{item.names}

---

而不是将

改为
：改为
。由于性能原因，最好使用
：key=“i”
包括
v-for=“（项目，i）在导航栏中”

其他人访问此问题并在其代码中包含
：href
的便笺-如果您使用路由器链接，则需要将
：href
更改为
：to
：

 <router-link :to="{path:item.router}">{{item.names}}</router-link>

<li v-for="item in navbars" v-bind:key="item.id">
        <router-link :to="{path:item.router}">{{item.names}}</router-link>
</li>

路线定义对象看起来像什么？我编辑了这个问题
<li v-for="item in navbars" v-bind:key="item.id">
        <router-link :to="{path:item.router}">{{item.names}}</router-link>
</li>

  <li v-for="item in navbars" v-bind:key="item.id">                    
      <a :href="item.router">{{ item.title }}</a>
    </li>

 export default {
      data () {
        return {
          isShow: false,
          navbars: [
            {names: 'xx', router: '/xx', id: 1},
            {names: 'xx', router: '/xx', id: 2},
            {names: 'xx', router: '/xx', id: 3},
            {names: 'xx', router: '/xx', id: 4},
            {names: 'xx', router: '/xx', id: 5}
          ]
        }
      }
    }