美文网首页
elementui upload上传单个文件可覆盖文件

elementui upload上传单个文件可覆盖文件

作者: 战神七小姐 | 来源:发表于2020-03-30 16:34 被阅读0次
<el-upload
          action="#"
          list-type="picture"
          :auto-upload="false"
          :on-change="changeImg"
          :limit="1"
          :file-list="fileList"
          :on-exceed="handleExceed"
          ref="rebateUpload"
  >
        <el-button
               slot="trigger"
               size="big"
               class="mdc-button mdc-button--unelevated mdc-ripple-upgraded"
       >重新上传</el-button>
</el-upload>

    handleExceed(files, fileList) {
      this.$set(fileList[0], "raw", files[0]);
      this.$set(fileList[0], "name", files[0].name);
      this.$refs["rebateUpload"].clearFiles(); //清除文件
      this.$refs["rebateUpload"].handleStart(files[0]); //选择文件后的赋值方法
    },
    changeImg(res, file) {
      this.logo = file[0].url;
    },

相关文章

网友评论

      本文标题:elementui upload上传单个文件可覆盖文件

      本文链接:https://www.haomeiwen.com/subject/kquvuhtx.html