参考文章:Element UI 上传档案 el-upload —— 手动上传档案,限制上传档案数量,档案型别校验等
在上传图片时,可以透过 :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 // 偏离上面多少距离,有被其他元件挡住时可以调整显示的位置 });}
所以当上传的档案超过限制的笔数时,结果就会类似这样