0
点赞
收藏
分享

微信扫一扫

vue+element-ui 循环上传图片

_阿瑶 2022-08-01 阅读 95


一、核心点

       

<el-form-item  :prop="'sysHotelCheckHistories.' + index + '.runCodeImg'" :rules="{required: true, message: '行程码照片为空', trigger: 'blur'}">
<el-upload
class="el-uploader"
:headers="{token:$store.getters.getToken}"
:action="uploadHotelCheckUrl"
:show-file-list="false"
:on-progress="hotelCheckUploadProgress"
:on-success="uploadRunCodeImgSuccess.bind(null,{'index':index})"
:on-error="uploadHotelCheckError"
:before-upload="beforeHotelCheckUpload">
<img v-if="sysHotelCheckHistories.runCodeImg" :src="config.resPre+sysHotelCheckHistories.runCodeImg" class="uploader-img">
<i v-else class="el-icon-plus el-uploader-icon"></i>
</el-upload>
</el-form-item>




uploadRunCodeImgSuccess(obj, response, file){
this.hotelCheck.sysHotelCheckHistories[obj.index].runCodeImg=response;
loading.close();
},

举报

相关推荐

0 条评论