before-upload不生效

bash 复制代码
<el-upload 
    drag 
    action 
    multiple
    :file-list="fileList" 
    :on-remove="handleRemove" 
    :auto-upload="false" 
    :on-change="handleChange" 
    :beforeUpload="beforeAvatarUpload">
       <i class="el-icon-upload"></i>
       <div class="el-upload__text">
        将文件拖到此处,或
        <em>点击上传</em>
       </div>
       <div class="el-upload__text">只能上传 xlsx 格式的文件</div>
</el-upload>

因为配置了auto-upload为false,所以beforeUpload没有执行

可以用on-change来进行校验

相关推荐
十一吖i5 分钟前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观6 分钟前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰8 分钟前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
敲代码的小吉米22 分钟前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊23 分钟前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
da-peng-song39 分钟前
ArcGIS Desktop使用入门(二)常用工具条——数据框工具(旋转视图)
开发语言·javascript·arcgis
九月TTS1 小时前
TTS-Web-Vue系列:组件逻辑分离与模块化重构
前端·vue.js·重构
我是大头鸟2 小时前
SpringMVC 内容协商处理
前端
Humbunklung2 小时前
Visual Studio 2022 中添加“高级保存选项”及解决编码问题
前端·c++·webview·visual studio
墨水白云2 小时前
nestjs[一文学懂nestjs中对npm功能包的封装,ioredis封装示例]
前端·npm·node.js