vue 之 Upload 上传功能

三种上传功能，写在一个页面上，乱七八糟的记录一下：

<template>
  <div class="app-container">
    <div class="table-wrap">
      <h3 class="table-name">拆分账单</h3>
      <el-form
        ref="analyseForm"
        v-loading="loading"
        :model="analyseForm"
        :rules="rules"
        label-width="150px"
        enctype="multipart/form-data"
        label-position="left"
        style="margin-top: 20px;margin-left: 40px;width: 80%"
      >
        <el-form-item label="项目" prop="project_id">
          <el-select v-model="analyseForm.project_id" style="width: 100%" :placeholder="$t('actions.Select')">
            <el-option
              v-for="item in projectArr"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item :label="$t('billing.file')" prop="file">
          <el-input v-model="analyseForm.file" type="file" :placeholder="$t('billing.file')" @change="inputFileChange"/>
          <p class="input-text">只能上传csv文件，且大小不能超过10Mb</p>
            <ul class="el-upload-list el-upload-list--text">
              <li class="el-upload-list__item is-success" v-for="(item,index) in fileList" :key="index">
                <a class="el-upload-list__item-name">
                  <i class="el-icon-document"></i>{{item.name}}
                </a>
                <label class="el-upload-list__item-status-label">
                  <i class="el-icon-upload-success el-icon-circle-check"></i>
                </label>
                <i class="el-icon-close" @click="handleRemove(item)"></i>
              </li>
            </ul>
            <div ;
  }

</style>