vue-element-upload 文件上传打开选择文件弹框前进行提示或操作
需求分析:在使用elementUI中的上传组件时,点击上传按钮就会立即打开文件弹框,有时候不想让文件弹框立即打开,而是点击按钮后先进行其他的判断,若符合情况再打开文件弹框。方法一原文链接方法二template<div id="app"><el-uploadclass="upload-demo"action="https://jsonplaceholder.typicode.com
·
需求分析:在使用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);
},
更多推荐
已为社区贡献6条内容
所有评论(0)