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

参考文章：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')

// script
exceedHandler(){
   this.$message({
      message: '提示内容',
      type: 'error',
      offset: 200 // 偏离上面多少距离，有被其他元件挡住时可以调整显示的位置
    });
}

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