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>

你可能感兴趣的:(前端,项目)