首页 > 其他 > 详细

vue-循环标记列表元素

时间:2017-07-07 16:17:03      阅读:368      评论:0      收藏:0      [点我收藏+]
 <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)
          }

  

vue-循环标记列表元素

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!