vue+element-ui 循环上传图片

絮落锦乡

已于 2023-02-08 13:32:08 修改

阅读量886

点赞数

分类专栏： vue elementui 文章标签： javascript 前端

于 2022-07-24 22:36:34 首次发布

本文链接：https://blog.csdn.net/xljx_1/article/details/125965659

版权

vue 同时被 2 个专栏收录

23 篇文章 1 订阅

订阅专栏

elementui

1 篇文章 0 订阅

订阅专栏

一、核心点

<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();
            },