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

  

posted @ 2017-07-07 15:45  郑福坤  阅读(639)  评论(0编辑  收藏  举报