1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Vue for循环数据展示 获取img的src

Vue for循环数据展示 获取img的src

时间:2021-03-26 23:18:54

相关推荐

Vue for循环数据展示 获取img的src

循环数据展示图片

<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 + PICTURGUID)" style="width:100%;height:80%;" :src="$store.state.imgSrc + PICTURGUID" alt="" /><span style='font-size: 18px;font-weight: 700;'>{{SMENDER}}</span></div>

data() {return {imgArr:[], // 存放图片列表},methods: {getlist(){//上一步是发送ajax 然后是接收数据// 接收后台返回的数据, 存在data里this.imgArr = res.data.pageList // img图片列表},sonimg(e){console.log(e)//获取当前的img的src}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。