多个upload组件放在for循环调用submit失效的解决方法

本文主要是介绍多个upload组件放在for循环调用submit失效的解决方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

示例代码

<div class="item" v-for="(item,index) in lbtList"><!-- 图片上传 --><div><el-uploadaction="#":ref="'upload'+index"list-type="picture-card":limit="1":file-list="item.fileList":http-request="handleFileUpload":on-preview="handlePictureCardPreview":on-change="file=>{handleChange(file,item.fileList,index)}":on-remove="file=>{handleRemove(file,item.fileList,index)}":auto-upload="false"accept=".jpg, .jpeg, .png":class="{ hide: item.hideUpload}"><div class="upload-inner"><imgsrc="../../assets/image/shangchuan.png"alt=""/><div id="upload-text1">点击上传</div><div id="upload-text2">支持JPG、PNG等格式</div></div></el-upload></div>
</div>

触发方法：

lbtFn(){

                for(var i=0;i<this.lbtList.length;i++){

                    this.$refs['upload' + i][0].submit()

                }

        },

之所以一直报错的原因是我之前写的触发方法是 this.$refs['upload' + i].submit()导致一直undefied,说没有这个方法，后面才发现是获取的方式不对，而应该是this.$refs['upload' + i][0].submit()。

这篇关于多个upload组件放在for循环调用submit失效的解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---