今天偶遇这个问题。文字描述比较麻烦,直接贴代码。
html部分
<el-upload
class="inline-block"
:show-file-list="false"
:auto-upload="false"
ref="uploadFile"
:on-change="toChange"
accept=".csv"
action=""
>
<el-button icon="el-icon-back" @click.stop="toImport">导入</el-button>
<el-button icon="el-icon-back" style="display: none;" ref="import"></el-button>
</el-upload>
js部分
methods:{
toImport(){
this.$confirm('友情提示!',{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(()=>{
this.$refs.import.$el.click();
});
},
},
toChange(file){
console.log('file文件在此,开始下一步!');
}