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

      

  • 相关阅读:
    go时间和日期转换
    go操作mysql
    Python常见错误处理
    C++ 常见问题
    CF605E Intergalaxy Trips
    均分纸牌详解
    P4447 [AHOI2018初中组]分组
    P4537 [CQOI2007]矩形
    P4823 [TJOI2013]拯救小矮人
    P5132 Cozy Glow之拯救小马国
  • 原文地址:https://www.cnblogs.com/jessical626/p/7132562.html
Copyright © 2020-2023  润新知