elementui的upload组件,同一个页面使用多个upload组件解决方案之一:不用封装,不用修改后端接口,不用修改源码
公司项目需求:企业的用工需求,可以新增,可以删除,也就是动态的,每一个用工需求里边都可以上传对应的合同,合同可以上传多个,可以随意增加和删除。框架直接用的 vue-element-adminelementui的upload组件功能相当强大,用起来也非常好用,但是这里遇到一个问题,就是list遍历出来的多个upload组件,怎样对应上每个item的file_list???直接上解决方案:将on-re
·
前言
公司项目需求:
企业的用工需求,可以新增,可以删除,也就是动态的,每一个用工需求里边都可以上传对应的合同,合同可以上传多个,可以随意增加和删除。
项目
框架直接用的 vue-element-admin
问题
elementui的upload组件功能相当强大,用起来也非常好用,但是这里遇到一个问题,就是list遍历出来的多个upload组件,怎样对应上每个item的file_list???
解决方案
直接上解决方案:
展示结果
将on-remove on-change on-success 方法以闭包的形式直接写行内,return 后边调用自己的方法 ,先将 elementui 自己的方法返回值以参数的形式传递给自己的方法,再新增一个参数,就是上方的遍历出来的 index,这样就能对应上数据了,想修改哪个修改哪个,是不是很方便
更多推荐
已为社区贡献19条内容
所有评论(0)