在用element-ui做编辑商品信息时,有一栏是图片上传功能,前面两张图是我在商品初始新增的时候上传的,第三张是此处上传的。(图下)
现在要求点击弹出预览图,新增的图可以通过:on-preview="handlePreview"对应的点击预览事件,对应的file数据的this.previewUrl = file.response.data.url每次赋值给previewUrl来显示点击的图片预览大图。(图下)
但是现在有个问题,编辑信息这块我要点击预览时,前面两张早先时候上传的图片,只有在filelist内能打印出相应的两个图片路径,包含在一个数组内,目前就是无法确定我点击的是哪张图片来获取filelist内相应图片的路径。(图下)
所以有什么办法可以一一对应起来?element-ui官方文档内没有针对绑定预览图索引的属性,拜求大佬帮忙谢谢!!
你这个旧图片的遍历展示 不是可以拿到单独的item嘛,既然图片能展示出来 说明每一项的url你是可以拿到的,然后你给旧的图片添加一个点击事件 把url传进去就好啦