循环数据展示图片
<div style="width: 50%;height: 145px;text-align: center;" class="img" v-for="item in imgArr" :key="item.ID">
<img @click="sonimg($store.state.imgSrc + item.CNPICTURGUID)" style="width:100%;height:80%;" :src="$store.state.imgSrc + item.CNPICTURGUID" alt="" />
<span style='font-size: 18px;font-weight: 700;'>{{item.CNSMENDER}}</span>
</div>
data() {
return {
imgArr:[], // 存放图片列表
},
methods: {
getlist(){
//上一步是发送ajax 然后是接收数据
// 接收后台返回的数据, 存在data里
this.imgArr = res.data.pageList // img图片列表
},
sonimg(e){
console.log(e)//获取当前的img的src
}
}