今天在用el-upload做文件上传时,绑定的on-change、on-remove、on-exceed函数都失效了,代码如下:
<el-upload
class="el-upload__div"
ref="upload"
action=" "
:auto-upload="false"
:file-list="fileList"
:on-change="handleChange()"
:limit="1"
accept=".docx"
:on-exceed="handleExceed()"
:on-remove="handleRemove()"
>
</el-upload>
方法如下:
handleChange(file) {
console.log("选取新文件", file);
this.file = file;
},
handleExceed(){
console.log("只能选择一个文件");
},
handleRemove(){
console.log("移除文件");
},
开始以为是el-upload组件使用方式不对,经过各种试探,原来是:on-change后面的函数不能加小括号:
问题解决