ElementPlus upload组件限制上传一个文件,重新选择替换原来文件

在这里插入图片描述
实现上传文件显示通过:limit=“1” 和 :on-exceed来实现,但是这是后来版本添加的属性和方法,最好吧elementPlus升级到最新,要不然on-exceed方法不会被调用。

<el-upload
  ref="uploadRef"
  :action="uploadFileUrl+'?name='+(downloadFileName.name)"
  :headers="accessToken"
  :format="['xls','xlsx']"
  accept=".xls, .xlsx"
  :show-file-list="false"
  :limit='1'
  :on-exceed="handleExceed"
  :on-success="handleSuccess"
  :on-change="fileListChange"
  :auto-upload="false"
>
  <el-button type="default">点击上传</el-button>
</el-upload>

// 限制上传一个文件,重新选择文件替换原来的文件
const handleExceed = (files) => {
  uploadRef.value.clearFiles()
  nextTick(() => {
    uploadRef.value.handleStart(files[0])
  })
}
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值