file-list报错

问题描述

上传图片VUE报错

源码

		<el-upload
            class="avatar-uploader"
            action="http://localhost:8088/file/upload"
            :headers="{token: user.token}"
            :file-list="form.avatar ? [form.avatar] : []"
            list-type="picture"
            :on-success="handleAvatarSuccess"
        >
          <el-button type="primary">上传头像</el-button>
        </el-upload>

---

原因分析：

fileList 要求是数组对象格式，不是 数组

---

解决方案：

运用 map 方法

:file-list="form.avatar ? [form.avatar].map(avatar =>{return {avatar}}) : []"