vue中的router-link可以通过遍历动态生成吗？

Question

vue中的router-link可以通过遍历动态生成吗，router-link中的链接文字、to中的地址都可以动态生成吗

Answer 1

可以用v-for生成一些a标签,配合自己写的method实现路由,比如:

<a href="javascript:void(0);" v-for="item in list" @click=routeTo(item) v-text="item.name"></a>

data里定义一个list (或者通过其他方式比如ajax拿到list并存起来)

list:[{link:'/home',name:'首页'},{link:'/news',name:'新闻'}]

// methods如下:

routeTo:function(item){
    this.$router.push(item.link);
}