element中Upload上传图片,在编辑功能中怎么显示查询的图片,然后正常增删问题

如下图1,是引用的element上传组件。
图2是上传成功和移除,通过filelists保存到后台。
图3是修改商品编辑功能中,反显回来数据。可以实现反显。但是点击反显回来的图片查看或者删除都会提示'filePath' of undefined" 错误。个人考虑是反显的图片没有和这个组件的上传成功钩子和移除钩子关联起来 但是又苦于不知道怎么关联~
求解~~~各位大神

图1
图2
图3

阅读 8.5k
2 个回答

加载详情的时候,可以把后端传过来的image的字符串存起来,可以转成数组

this.xx.imgList=resp.xx.images

移除的时候找到这个url,删除掉

handleImgRemove(file, fileList) {
   let url = file.response && file.response.data ? file.response.data : file.url;
   let index = this.xx.imgList.indexOf(url)
   this.editForm.imgList.splice(index, 1);
  }
新手上路,请多包涵

请问你是怎么实现回显的,哪一段函数呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题