Bootstrap

element vue 上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组

在 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: {

<
;