在 element ui 的 GitHub issue 中搜索了一下,发现 upload 组件确实不支持自动更新 file list,需要手动在上传成功和删除的回调中处理文件列表同步。。。
这个体验太差了。
无奈只能手动实现,设置 on-success 和 on-remove 的回调处理。
模板代码
class="upload-demo"
action="/api/upload"
:on-success="handle_success"
:on-remove="handle_remove"
:on-preview="handlePreview"
:before-remove="beforeRemove"
multiple
:limit="5"
:on-exceed="handleExceed"
:before-upload="uploadBefore"
accept=".jpg,.gif,.png,.jpeg,.txt,.pdf,.doc,.docx,.xls,.xlsx"
:file-list="fileList">
Click to Upload
JS 代码
var vm = new Vue({
el: "#upload_file",
data: {
<