<el-upload action="/api/uploads" :file-list="addForm.files" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :limit="8" :before-upload="beforeUpload" :on-success="uploadSuccess"><i class="el-icon-plus"></i>
</el-upload>
file-list是数组的形式
export default{
data(){
addForm:{
files:[{name:'xxx.jpg',url:'xxx.jpg'},{name:'xxx2.jpg',url:'xxx.2jpg'}]
}
}
}
上传成功方法,采用数组合并的思路
uploadSuccess(response, file, fileList){
let files = {name:response,url:response};
this.addForm.files.push(files);
}
删除图片的方法
handleRemove:function(file, fileList) {
for (var i in this.addForm.files) {
for (var k in this.addForm.files[i]) {
if (this.addForm.files[i][k] == file.uid) {
delete this.addForm.files[i];
break;
}
}
}
},