文件上傳，其實就是用el-upload組件來實現上傳，只是換了樣式，和圖片上傳一樣

<el-form-item label="選擇文件"><el-input placeholder="請選擇文件" v-model="form.file" disabled style="width: 450px"><el-upload slot="append" :show-file-list="false" :headers="headers" accept=".xlsx" action="/api/follow-admin/data-import-info/import" :before-upload="handleUploadBefore" :on-success="handleUploadSuccess"><el-button size="small" type="primary">點擊上傳</el-button></el-upload></el-input><p style="font-size: 12px; color: #e6a23c">文件大小不可大于10M且必須按照模版格式進行上傳，僅支持xls/xlsx格式文件</p></el-form-item>// 上傳前事件handleUploadBefore (file) {const isLt2M = file.size / 1024 / 1024 < 1if (!isLt2M) {this.$message.warning('文件大小不能超過 1M')}return isLt2M},// 上傳成功處理handleUploadSuccess (res) {if (res.code === 200) {this.$message.success('導入成功')this.form.file = res.datathis.getTableDataList()} else {this.$message.error(res.msg)}}<style lang="less" scoped>
.resident-export-data-manage {.table-bg {padding: 20px !important;min-height: auto !important;::v-deep .el-form {.el-form-item {&:nth-child(2) {.el-form-item__content {.el-input {.el-input-group__append {background-color: #136fe0 !important;span {color: #fff;}}}}}}}}
}
</style>