vue-循环标记列表元素

最新推荐文章于 2024-04-27 06:36:44 发布

Chandler1986

最新推荐文章于 2024-04-27 06:36:44 发布

阅读量337

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jessical626/p/7132562.html

版权

 <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)
          }

转载于:https://www.cnblogs.com/jessical626/p/7132562.html