vue-循环标记列表元素

Posted 郑福坤

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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)
          }

　　

以上是关于vue-循环标记列表元素的主要内容，如果未能解决你的问题，请参考以下文章