当一个页面有多个element ui的时候怎么做

最新推荐文章于 2022-07-13 16:16:47 发布

千颂伊.RachelQ

最新推荐文章于 2022-07-13 16:16:47 发布

阅读量421

点赞数

本文链接：https://blog.csdn.net/Rachelqute/article/details/106921055

版权

本文介绍了一种使用闭包处理Element UI组件中多个上传元素的方法，通过自定义on-change和on-success事件处理函数，动态管理每个上传组件的文件列表，避免CSS冲突。详细代码和示例展示了解决方案。

摘要由CSDN通过智能技术生成

转载 https://www.cnblogs.com/AlexBlogs/p/7150532.html
闭包自定义的方式是最简单的了
![](https://img-blog.csdnimg.cn/20200623125401713.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1JhY2hlbHF1dGU=,size_16,color_FFFFFF,t_70 在这里插入图片描述
ref=“upload4”
class=“upload-demo dispayInlineb”
action="/api/expert/upload"
:on-change="(res,fileList)=>{ return handleChange(res,fileList, 4)}"
:on-success="(res)=>{ return handleSuccess(res, 4)}"
:headers=“importHeaders”
:multiple=“false”
:file-list=“fileListDiag”
handleChange(res, fileList, index) {
if (fileList.length > 0) {
if (index === 1) {
this.certFile = [fileList[fileList.length - 1]];
}else if(index=<