elementUI图片遍历循环+预览【el-image查看大图+预览】

我这边接受的数据结构

{
"code":200,
"msg":"图片列表",
"object":
	[
		{
			"id":1,"
			partsName":"",
			"picturesName":"a.jpg",
			"picturesUrl":"http://192.168.3.65:8111/image/a.jpg",
			"type":null
		}
	]
}

接收:

this.outsidePicturesList = response.object;

我在页面显示的

<el-image
          v-for="(item, index) in outsidePicturesList"
          :key="index"
          style="width: 100px; height: 100px"
          :src="item.picturesUrl"
          :preview-src-list="[item.picturesUrl]"
        >
</el-image>
<!-- 
重要的是最后一个
:preview-src-list="[item.picturesUrl]"
他需要的是一个数组,所以把它放数组里面,veryGood!
 -->
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页