element plus的el-form重置无效
关键问题说明:
缺失 prop 属性:
Element Plus 的表单重置依赖 prop 属性来映射数据字段
需设置 prop,resetFields() 识别需要重置的字段
页码重置问题:
搜索时可能切换到其他页码,重置后应返回第一页
在 resetForm 中增加 currentPage.value = 1
<div style="padding: 20px;"><el-formref="formRef" style="min-width: 1000px" :inline="true" label-width="auto":model="formInline"><el-form-item label="开始时间" prop="select_start_time"><el-date-pickervalue-format="YYYY-MM-DD"v-model="formInline.select_start_time"type="date"placeholder="选择时间"clearable /></el-form-item></el-form>
<el-button @click="resetForm(formRef)">重置</el-button>
// 修正resetForm方法
const resetForm = (formEl: FormInstance | undefined) => {if (!formEl) return// 重置表单字段formEl.resetFields()// 重置页码currentPage.value = 1// 重新获取数据getData()
}