当前位置:网站首页>新建和编辑共用一个表单,编辑之后新建,form表单resetFields失效
新建和编辑共用一个表单,编辑之后新建,form表单resetFields失效
2022-07-29 15:40:00 【前端小白۞】
新建和编辑共用一个表单,编辑之后新建,form表单resetFields失效
(1)如果新建的字段只有几个,编辑的时候row有很多字段,这时使用赋值的方法清空。
this.formValidate={
name:undefined,
isAlone:undefined,
expireDate:undefined,
expireCount:undefined
}
this.$refs.formValidate.resetFields()//清除校验规则
或者
this.formValidate={}
this.$refs.formValidate.resetFields()
注意:如果使用resetFields方法清空,虽然可以清空,但是在先编辑再新建时,提交的字段会有很多,而且都是编辑的那一行的数据。
即使加上this.$nextTick(()=>{})也会有同样的问题,所有直接使用赋值的方法清空。
(2)如果新建和编辑的字段有些是可以显示隐藏的
这里需要清空的话,使用v-show
因为:
v-if="false"会销毁dom,当再次v-if="true"时会绑定不上 校验规则 和 需要清空的字段(初始值)。
v-show 只是css样式的显示隐藏,都已经被绑定在dom上,不会被销毁。
但是:
v-show隐藏的字段,仍然会校验不通过,v-if可以校验通过
总结:
(1)有显示隐藏,并且显示隐藏的字段需要验证:使用v-if
(2)有显示隐藏,显示隐藏字段不需要验证:v-if/v-show都可
使用v-if配合手动赋值清空再配合 this.$refs.formValidate.resetFields()//清除校验规则就可以全部情况都正常显示。
边栏推荐
猜你喜欢
![[Server Storage Data Recovery] A data recovery case of a RAID 5 crash caused by the failure of a certain model of Huawei OceanStor storage RAID 5 hard disk and the failure to synchronize data with the](/img/86/b664e56dff66c57c9f24c850919743.png)
[Server Storage Data Recovery] A data recovery case of a RAID 5 crash caused by the failure of a certain model of Huawei OceanStor storage RAID 5 hard disk and the failure to synchronize data with the

File management: the physical structure of files

Interviewer: What are the design principles?What is the Lie Substitution Principle?

zabbix邮件发送告警信息

【小程序项目开发--京东商城】uni-app之自定义搜索组件(上)-- 组件UI
![[Designers must learn] Lighting skills of Enscape in SketchUp](/img/98/0b4e5241774f03141ef1c918707d86.jpg)
[Designers must learn] Lighting skills of Enscape in SketchUp

R语言中给数据框增加分组/根据样本名称添加分组的代码

ByteArrayOutputStream 类源码分析

基于全志D1-H和XR806的名贵植物监控装置

Android Studio 实现登录注册-源代码 (连接MySql数据库)
随机推荐
Win11 最新补丁更新破坏了任务栏中的“开始”菜单
Kubernetes 的 5 个误区
PL5902 SOT-23-5 高效1MHz2A同步DC-DC降压调节器 百盛电子代理商
Tess4J 图片文字识别
微信公众号借助小程序云函数实现支付功能
使用DataEase开源工具制作一个高质量的数据大屏
LG卷轴屏手机曝光;三星屏下摄像头新机曝光
HMS Core音频编辑服务音源分离与空间音频渲染,助力快速进入3D音频的世界
BGP联邦实验
Jenkins 如何玩转接口自动化测试?
This article penetrates the architecture design and cluster construction of the distributed storage system Ceph (hands-on)
金九银十必备 快来看看你还缺啥
cmake(14):利用set_property命令设置全局属性
教程篇(7.0) 07. 诊断和故障排除 * FortiClient EMS * Fortinet 网络安全专家 NSE 5
uni-app深入学习之模板运用
奇怪,为什么ArrayList初始化容量大小为10?
BUUCTF——MISC(流量分析)
美国对集成电路及其产品发起337调查:英特尔/联想/宏碁/华硕/微星均涉及其中
一文读懂Elephant Swap,为何为ePLATO带来如此高的溢价?
数字赋能机械制造业,供应链协同管理系统解决方案助力企业供应链再升级