当前位置:网站首页 > 前端开发 > 正文

ElementUI上传文件-限制上传文件个数

固定上传文件个数

if(vm.fileList.length!==2){ this.$message.warning(`请上传有且仅有2个文件。`); return }

限制上传文件个数

<el-form-item label="上传文件" prop="fileList"> <el-upload ref="upload" multiple name="File" :action="apis.manageModel" :auto-upload="false" :limit="2" :http-request="httpRequest" :file-list="fileList" :on-exceed = "cmx.fileOption.handleExceed" :on-change="cmx.fileOption.onChangeUpload" :before-remove="cmx.fileOption.beforeRemove" :on-remove="handleRemove" :before-upload="cmx.fileOption.beforeAvatarUpload" > <el-button size="small" type="primary">点击上传</el-button> <span slot="tip" class="el-upload__tip">&nbsp;&nbsp;&nbsp;只能上传一组同名dll、xml文件</span> </el-upload> </el-form-item> handleExceed(files, fileList) { this.$message.warning(`请最多上传 ${this.limit} 个文件。`); },

 

到此这篇ElementUI上传文件-限制上传文件个数的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • ElementUI对表格某一行执行操作和批量操作限制2024-11-27 18:36:09
  • 字符串类型的操作方法2024-11-27 18:36:09
  • ElementUI 获取el-table表格选中行信息及清除选中行2024-11-27 18:36:09
  • ElementUI 之 el-tabs添加自定义按钮2024-11-27 18:36:09
  • Date类型的操作方法2024-11-27 18:36:09
  • ElementUI 表格中某项为空值时用暂无数据代替显示2024-11-27 18:36:09
  • ElementUI 监听表单有内容修改时提交执行相应操作2024-11-27 18:36:09
  • 深拷贝2024-11-27 18:36:09
  • 对象操作方法2024-11-27 18:36:09
  • 数组类型操作方法2024-11-27 18:36:09
  • 全屏图片