vue+element-ui上传文件

 <el-upload
      action=""
      class="upload-demo"
      :before-upload="beforeUpload"
      :on-change="handleChange"
      :on-remove="handleRemove"
      :file-list="fileList"
      :auto-upload="false"
      :limit="1"
>
   <el-button type="primary">上传文件</el-button>
</el-upload>
<el-button type="primary" @click="sure">确 定</el-button>

data() {
    return {
        fileList:[]
    }
}
//上传文件方法 规范上传文件格式
beforeUpload(file) {
    const isZip = file.type === "application/zip" || file.name.endsWith(".zip");
    if (!isZip) {
       this.$message.error("只能上传 ZIP 格式的文件!");
       return false;
    }
    return true;
},

// 当文件状态改变时触发，可以用来更新fileList
handleChange(file, fileList) {
   // 当文件状态改变时触发，可以用来更新fileList
   this.fileList = fileList;
},
// 移除已上传的文件
handleRemove(file, fileList) {
   // 移除已上传的文件
   this.fileList = fileList;
},

sure(){
    console.log(this.fileList)
}