<el-upload
? ? ? ? ? ? ? ? class="upload-demo"
? ? ? ? ? ? ? ? :auto-upload="false"
? ? ? ? ? ? ? ? :limit="1"
? ? ? ? ? ? ? ? :before-remove="beforeRemove"
? ? ? ? ? ? ? ? :on-change="handleChange"
? ? ? ? ? ? ? ? accept=".xls, .xlsx">
? ? ? ? ? ? ? ? <el-button
? ? ? ? ? ? ? ? ? type="primary"
? ? ? ? ? ? ? ? ? class="ml15"
? ? ? ? ? ? ? ? ? link
? ? ? ? ? ? ? ? ? v-show="!ruleForm.file['uid']"
? ? ? ? ? ? ? ? ? >文件上傳</el-button
? ? ? ? ? ? ? ? >
? ? ? ? ? ? ? </el-upload>
------------------------------------------------------------------------------------------
import type { UploadProps } from 'element-plus';
// 上傳文檔
const handleChange: UploadProps['onChange'] = (uploadFile) => {
? ruleForm.file = uploadFile.raw;
};
// 刪除文件
const beforeRemove = () => {
? ruleForm.file = {};
};
