zoukankan      html  css  js  c++  java
  • elementUI文件上传控件单个页面存在多个时的解决办法

     1 <el-upload
     2               class="upload-demo"
     3               ref="upLoad2" ----------------------上传控件唯一标志
     4               action="https://jsonplaceholder.typicode.com/posts/"
     5               
     6               :on-change="handleChange"
     7               :file-list="fileList"
     8               :auto-upload="false">
     9               <el-button slot="trigger" size="small" type="primary" @click="curup('upLoad2')">选取文件</el-button>
    10               <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
    11               <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
    12 </el-upload

    在methods里面
    submitUpload() {
         this.$refs.upLoad1.submit();
    },
    handleChange(file, fileList){ ----------------选中文件后确定后上传
         console.log(this.$refs)
       this.$refs[this.Up].submit();
    },


  • 相关阅读:
    TypeScript 函数
    单链表 C++
    测试用例概念 原则
    TypeScript 类
    TypeScript 接口
    Cellection
    面向对象
    反射
    B树
    无权无向图
  • 原文地址:https://www.cnblogs.com/jszhp/p/9798538.html
Copyright © 2011-2022 走看看