当前位置: 首页 > news >正文

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()
}
http://www.xdnf.cn/news/979399.html

相关文章:

  • CavityPlus: 北大团队研发的综合性蛋白质结合位点检测及功能分析网络服务器
  • 【python】预测投保人医疗费用,附insurance.csv数据集
  • 嵌入式系统内核镜像相关(三)
  • React 状态管理指南:Redux 原理与优化策略
  • 避坑:启动sdk-c demo master需要注意的事情
  • 【AI】模型vs算法(以自动驾驶为例)
  • 基于React Native的HarmonyOS 5.0休闲娱乐类应用开发
  • 多分类性能评估方法
  • 企业级RAG系统架构设计与实现指南(基于Java技术栈)
  • uniapp 腾讯云 COS 访问控制实战(细粒度权限管理)
  • 撤销Git合并操作方法总结
  • 七牛云域名配置与CNAME解析
  • 李沐 《动手学深度学习》 | 实战Kaggle比赛:预测房价
  • 【PhysUnits】17.7 readme.md更新
  • 从代码学习深度强学习 - Dyna-Q 算法 PyTorch版
  • Android Gson工具类
  • 免下载苹果 IPA 文件重签名工具:快速更换应用名称和 BID的教程
  • xcode中project.pbxproj点开为空白问题
  • Linux Swap分区应该禁用吗?深入辨析其作用与性能优化
  • Spring @Qualifier,@Primary
  • 接收rabbitmq消息
  • 记录下three.js学习过程中不理解问题----材质(material)⑤
  • 在前端元素中,点击当前元素,但是却选中其他元素的文字的问题
  • Cesium圆锥渐变色实现:融合顶点着色器、Canvas动态贴图与静态纹理的多方案整合
  • 深度剖析:UI 设计怎样为小程序构建极致轻量体验
  • 在 Windows 上安装和配置 Redis 及可视化工具指南
  • C#接口代码记录
  • 物联网基础概述【一】
  • 容器化部署案例一wordpress
  • 递归法解N叉树的后序遍历