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

2021-03-31  本文已影响0人  五月笑忘

一般我们使用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变量,从而去进行一些赋值逻辑了

上一篇 下一篇

猜你喜欢

热点阅读