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>