element ui 图片删除

左手的ㄟ右手 2022-10-25 15:27 282阅读 0赞 
  1. <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>
  2. </el-upload>
  4. uploadSuccess(response, file, fileList){
  5.                   let files = {name:response,url:response};
  6.                   this.addForm.files.push(files);
  7.               }
  9. handleRemove:function(file, fileList) {
  10.                   for (var i in this.addForm.files) {
  11.                     for (var k in this.addForm.files[i]) {
  12.                        if (this.addForm.files[i][k] == file.uid) {
  13.                            delete this.addForm.files[i];
  14.                         break;
  15.                         }
  16.                     }
  17.                   }
  18.               },

发表评论

表情：
评论列表 （有 0 条评论，282人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Element-UI

    目录 Layout 布局 按钮组件结合 el-icon 使用 单选框 复选框 日期组件 表格 分页 对话框 表单验证 -------------------

    小咪咪小咪咪/ 0 赞/ 218 阅读

    相关 element-ui实现图片压缩上传

    需求来源 `我发现` ，其实在做图片上传的时候就应该考虑到图片压缩上传的问题，element-ui在上传一个大的图片时浏览器会报错，当然也并没有提供相关的属性跟方法去进行

    Dear 丶Dear 丶/ 0 赞/ 32 阅读