VUE—v-for循环时通过data动态添加路由路径（图文详情）

VUE—v-for循环时通过data动态添加路由路径

第一步：定义变量存储路径，并在data中引入 例如：

let datacontent = [ { pic: require('@/assets/img/my1.jpg'), title: '我的创作', path: '/My_produce' }, { pic: require('@/assets/img/my2.jpg'), title: '我的收藏', path: '/My_collect' } ] data () { return { datacontent } }

第二步：v-for循环时在router-link添加路径

<li v-for="(val, i) in item.details"> <router-link :to="val.path">我的创作</router-link> </li>