vue中v-for循环生成router-link

最新推荐文章于 2022-07-13 12:56:14 发布

_刘旭

最新推荐文章于 2022-07-13 12:56:14 发布

阅读量1.9k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/doublefacered/article/details/116180644

版权

vue

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML部分

<ul>
    <li v-for="(item,index) in list">
     	<router-link :to="item.link">{{item.title}}</router-link></li>
</ul>

数据部分

list:[
                {title:'首页',link:'/'},
                {title:'关于本站',link:'/About'},
                {title:'大事记',link:'/Events'},
                {title:'所有博客',link:'/All'},
                {title:'提交收录',link:'/Submit'},
                {title:'讨论区',link:'/Forum'}
      ],