需求分析:在使用elementUI中的上传组件时,点击上传按钮就会立即打开文件弹框,有时候不想让文件弹框立即打开,而是点击按钮后先进行其他的判断,若符合情况再打开文件弹框。
方法一
原文链接
方法二
template

<div id="app">
          <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :before-remove="beforeRemove"
            multiple
            :limit="3"
            :on-exceed="handleExceed"
            :file-list="fileList"
          >
            <el-button id="initSlide" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
          </el-upload>
          <el-button style="position:absolute;top:8px;left:10;" @click="xuanze" type="warning">点击上传</el-button>
        </div>

methods

 xuanze() {
      var e = document.createEvent("MouseEvents");
      e.initEvent("click", true, true);
      document.getElementById("initSlide").dispatchEvent(e);
    },
Logo

前往低代码交流专区

更多推荐