遇到的坑:
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-upload
ref="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
}
}
文章讲述了在使用Element-UIplus上传组件时遇到的问题,如limit属性对on-change事件的影响,以及解决方法,即不设置limit,通过onChange函数控制文件数量。还提到版本更新对file-list属性名的要求变化。
7028

被折叠的 条评论
为什么被折叠?



