elementUi中el-upload上传附件之后 点击附件 可下载，怎么实现呢？

Question

用elementUi中el-upload上传多个附件，上传到服务器成功之后，再次在前端页面点击附件，怎么实现附件的下载功能呢？

 <el-card class="box-card">
        <div slot="header" class="clearfix">
          <h4>附件</h4>
        </div>
        <el-upload
          action="/api/attachment/upload"
          :data="uploadDataAtt"
          :on-preview="handlePreview"
          :on-remove="handleRemove"
          :on-success="handleSuccess"
          :file-list="uploadList"
          drag
          multiple 
          >
          <i class="el-icon-upload" @click="uploadFile()"></i>
          <div class="el-upload__text" >将文件拖到此处，或<em>点击上传</em></div>
          <div class="el-upload__tip" slot="tip">  最多上传30个文件，单个文件不要超过8MB.最多上传100MB；文件格式:PDF、Word、PPT、Excel、PNG、JPG、JPEG</div>
        </el-upload>
      </el-card>

附件的显示功能是由 :file-list="uploadList"

Answer 1

您好，是怎么解决的，方便贴下解决方法吗？感谢！

Answer 2

on-preview方法里面写这段代码：

// 预览文件
    handlePreview(file) {
      const a = document.createElement('a');
      var event = new MouseEvent('click');
      a.download = file.name;
      a.href = file.url + "?response-content-type=application%2Foctet-stream";
      a.dispatchEvent(event);
    },