[学习笔记] element ui upload 限制与提示

参考文章:Element UI 上传档案 el-upload —— 手动上传档案,限制上传档案数量,档案型别校验等

http://img2.58codes.com/2024/20120722M5Q2h1qEjh.png

在上传图片时,可以透过 :limit 来做上传档案数量的限制
但被限制后想要有提示文字告知原因

可以透过 :on-exceed 来实作

:on-exceed 是需要与 :limit 一起的,无法单独存在
因为自己单独写:on-exceed却没写:limit,结果事件一直无法触发,在那边找原因找了很久 ???

// pug el-upload.upload(:action="上传图片的位置", list-type="picture" :limit="1" :on-exceed='exceedHandler')// scriptexceedHandler(){   this.$message({      message: '提示内容',      type: 'error',      offset: 200 // 偏离上面多少距离,有被其他元件挡住时可以调整显示的位置    });}

http://img2.58codes.com/2024/20120722SPgbApLEKv.png

所以当上传的档案超过限制的笔数时,结果就会类似这样


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章