Javascript 我可以使用Vuejs路由器路由阵列动态创建导航吗?
以下是我设置vuejs路由并传递到路由器的代码:Javascript 我可以使用Vuejs路由器路由阵列动态创建导航吗?,javascript,vue.js,router,Javascript,Vue.js,Router,以下是我设置vuejs路由并传递到路由器的代码: export const routesArray = { routes: [ { path: '/', name: 'Add Stash', component: Form }, { path: '/log', name: 'Stash Log', component: Stitch }, { path: '/user/
export const routesArray = {
routes: [
{
path: '/',
name: 'Add Stash',
component: Form
},
{
path: '/log',
name: 'Stash Log',
component: Stitch
},
{
path: '/user/register',
name: 'Register',
component: Register
},
{
path: '/user/login',
name: 'Log in',
component: Login
}
]
}
export default new Router(routesArray)
我将此代码导入到Vue组件中,并使用它在阵列中循环并动态输出导航,如下所示:
<ul class="nav">
<li v-for="item in routes">
<a :href="item.path"> {{item.name}}</a>
</li>
-
此显示像梦一样工作,但当我单击导航项目时,它会转到一个断开的链接:
与此相反:
我不知道怎么避开那堆杂碎?有什么想法吗?使用
路由器链接
而不是a
<li v-for="item in routes">
<router-link :to="item.path">{{item.name}}</router-link>
</li>
{{item.name}