二，文件上传控件el-upload

需求： 上传文件，保存到服务器，并保存历史记录

上效果图

 

 

　

      <el-form-item label="文件">
        <el-upload
          ref="uploadHarnessDrawing"
          v-loading="loadingFile"
          action=""
          :limit="10"
          :on-preview="handlePreview"
          :on-change="onHarnessDrawingFileChange"
          :on-remove="onHarnessDrawingFileRemove"
          :file-list="harnessDrawingFileList"
          :auto-upload="false"
        >
          <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
        </el-upload>
      </el-form-item>

View Code