在methods方法中调用el-upload

文章目录

前言

一、使用情景

二、使用步骤

1.el-upload标签

2.调用方法

总结

---

前言

一般使用el-upload，就会直接写入一个按钮进行导入，但是这次的需求是点击下拉级联面板，选择相应的类型再调用

---

一、使用情景

<el-dropdown></<el-dropdown>

<el-cascader-panel></el-cascader-panel>

<el-upload></el-upload>结合

二、使用步骤

1.el-upload标签

代码如下：

规定上传zip格式

accept="application/zip"

<el-upload action="/crm/nonlaw/import"
           :on-success="importMould"
           :show-file-list="false"
           accept=".xls,.xlsx" ref="uploadRef">
</el-upload>

2.调用方法

代码如下（示例）：

handleSelected(){
    console.log(this.selectItem)
    this.$refs.uploadRef.$refs["upload-inner"].handleClick()
},

---

总结

借鉴：el-upload点击事件不在el-upload中如何触发选文件（其他按钮触发el-upload上传）_snows_l的博客-CSDN博客