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