需求分析:在使用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);
    },
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐