需求:在点击上传时,先判断是否满足上传条件,不满足做对应提示,满足才弹出选择文件框
解决方法:
1.el-upload组件使用【v-show="false"】隐藏起来,组件内插槽的按钮添加【ref】属性,另外使用一个按钮组件处理判断逻辑即可
注:使用的是vue3写法,vue2写法不一样但是同理
<el-button class="handle_btn add" @click="importExcel">导入模板</el-button>
<el-upload
v-show="false" class="upload-demo"
v-model:file-list="fileList" :show-file-list="false"
action="#" :http-request="upLoadImgReq">
<template #trigger>
<el-button ref="uploadRef" class="handle_btn add">导入模板</el-button>
</template>
</el-upload>
const importExcel = ()=> {
//处理判断逻辑
//判断通过,调用el-upload内的按钮点击事件
uploadRef?.value?.$el.click()
}