element 中upload组件使用多个时绑定index

一般我们使用el-upload，是这种用法

 <el-upload
            class="avatar-uploader"
            action="#"
            :show-file-list="false"
            :http-request="fileUpLoad"
          >
            <img v-if="form.credentialsRealUrl" :src="form.credentialsRealUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>

通过实现http-request方法，来实现上传操作，然后将图片地址赋值给一个变量

但是现在，在使用el-upload过程中，有这么一个需求
会有动态数量的upload框，所以不能用写死的fileUpLoad方法，因为默认方法只有一个option参数，没有其他的可选参数，所以我们不知道上传的图片地址到底是该给哪一个变量

解决办法：

:http-request="(option)=>{return fileUpLoad(option,index)}"

这样可以增加一个index变量，从而去进行一些赋值逻辑了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容