遇到的坑:
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"
最终代码:
bash
<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>
bash
function handleFileChange (file, files) {
if (files.length > 1) {
fileList = [files[files.length - 1]]
} else {
fileList = files
}
}