踩坑总结!elementUI组件之upload上传控件的multiple属性,设置false报错!

踩坑总结!elementUI组件之upload上传控件的multiple属性,设置false报错!

在使用elementUI组件中的upload上传按钮控件的时候,其中的multiple属性决定了是否可以 多选文件 ,首先看一下官方文档:

 踩坑总结!elementUI组件之upload上传控件的multiple属性,设置false报错!_第1张图片

看到multiple参数的类型是boolean,如果简单的以为“它的值要么是true,要么是false”,那就错了,完美踩坑!!!

仔细看一下demo中的代码:

一、demo1的用法:可多选,最多同时选择3个文件


  点击上传
  
只能上传jpg/png文件,且不超过500kb

二、demo2的用法:可多选,无个数限制


  
  
将文件拖到此处,或点击上传
只能上传jpg/png文件,且不超过500kb

三、demo3的用法:可多选,无个数限制(但是控制台会报错!)


点击上传
只能上传jpg/png文件

 四、当我们不想同时选择多个文件时,只需要不设置该属性即可:


点击上传
只能上传jpg/png文件

总结:

multiple属性虽然是Boolean类型的,但不能将其值设置为true或者false!!!(控制台都能看到错误提示)

给控件加了multiple属性,就表示可以多选,通过limit设置多选的个数限制,当不需要多选(只想单选文件)时,不加multiple属性即可。

微信搜索:acoolgiser,一起学习成长,交个朋友!^_^ 

或者直接扫描

 

 

你可能感兴趣的:(vue.js,element)