我用V-的路由器链接，但它没有工作

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路由器]重复命名路由定义：{名称： “自动”，路径为： “/自动”}

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

当您使用JavaScript表达式，你应该使用v-绑定：

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

vue router-link