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来进行校验

相关推荐
U.2 SSD4 分钟前
ECharts漏斗图示例
前端·javascript·echarts
江城开朗的豌豆4 分钟前
我的小程序登录优化记:从短信验证到“一键获取”手机号
前端·javascript·微信小程序
excel7 分钟前
Vue Mixin 全解析:概念、使用与源码
前端·javascript·vue.js
IT_陈寒14 分钟前
Java性能优化:这5个Spring Boot隐藏技巧让你的应用提速40%
前端·人工智能·后端
勇往直前plus32 分钟前
CentOS 7 环境下 RabbitMQ 的部署与 Web 管理界面基本使用指南
前端·docker·centos·rabbitmq
Never_Satisfied34 分钟前
在JavaScript / HTML中,Chrome报错此服务器无法证实它就是xxxxx - 它的安全证书没有指定主题备用名称
javascript·chrome·html
艾小码38 分钟前
零基础学JavaScript:手把手带你搭建环境,写出第一个程序!
javascript
北海-cherish6 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
AALoveTouch7 小时前
网球馆自动预约系统的反调试
javascript·网络
2501_915909067 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5