当前位置: 首页 > news >正文

element-ui plus 文件上传组件,设置单选,并支持替换和回显

遇到的坑:
1、设置limit属性为1后,on-change属性不生效
2、on-exceed属性虽然值改变,但是回显没有随之变化
3、由于element-ui plus版本file-list值出现问题
最后的解决方案决定不设置 limit 属性,通过 on-change 中的判断来控制数量。
根据网友的说法,element-ui plus 高于 2.2.9 将 :file-list=“fileList” 改为 v-model:file-list=“fileList”
最终代码:

 <el-uploadref="uploadRef"class="upload-demo":auto-upload="false"v-model:file-list="fileList":on-change="handleFileChange"><template><el-button type="primary">选择文件</el-button></template>
</el-upload>
function handleFileChange (file, files) {if (files.length > 1) {fileList = [files[files.length - 1]]} else {fileList = files}
}
http://www.lryc.cn/news/233784.html

相关文章:

  • ZYNQ7000---FLASH读写
  • SpringMVC log4j1升级log4j2
  • MATLAB算法实战应用案例精讲-【图像处理】机器视觉(基础篇)(十一)
  • UE的PlayerController方法Convert Mouse Location To World Space
  • 【Qt之QStandardItemModel】使用,tableview、listview、treeview设置模型
  • mongodb 6/7的 windows安装问题
  • 网站建设所需要的主要资源相关介绍
  • 互联网上门预约洗衣洗鞋店小程序;
  • OSPF开放最短路径优先(Open Shortest Path First)协议
  • 数据结构(c语言版本) 字符串操作
  • 【Pyqt5】windows和linux安装Pyqt5+designer
  • 【FPGA】Verilog:升降计数器 | 波纹计数器 | 约翰逊计数器 | 实现 4-bit 升降计数器的 UP/DOWN
  • 使用uniapp写小程序,真机调试的时候不显示log
  • hive数据库delete删除部分数据/删除分区内的数据
  • C/C++条件编译:#ifdef、#else、#endif等
  • 基于51单片机步进电机节拍步数正反转LCD1602显示( proteus仿真+程序+原理图+设计报告+讲解视频)
  • Vim 从何而来?
  • Auto.js 清除指定应用缓存
  • [EFI]Surface Pro 4电脑 Hackintosh 黑苹果引导文件
  • 【Java 进阶篇】深入浅出:JQuery 事件绑定的奇妙世界
  • Pair用法示例:
  • rpc依赖安装
  • 文件存储服务 实时通信服务 HTTP通信协议
  • Redis - 订阅发布替换 Etcd 解决方案
  • Hessian协议详解
  • 【AI视野·今日Sound 声学论文速览 第三十六期】Mon, 30 Oct 2023
  • Android Jetpack的组件介绍,常见组件解析
  • ImportError: cannot import name ‘url_quote‘ from...
  • 一文看分布式锁
  • Jenkins自动化部署一个Maven项目