vue-循环标记列表元素
<el-col :lg="4" class="list" v-for="(item,index) in picList"> <img :src="item.src" /> <span @click="delPicture(index)">×</span> </el-col>
picList:[{ src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" },{ src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }, { src:"http://imgs.zeju.cn//263804351010818/item/280106160156674/rendering/20150827174046.jpg" }]
delPicture(index){ console.log(index) }