当前位置:网站首页>新建和编辑共用一个表单,编辑之后新建,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()//清除校验规则就可以全部情况都正常显示。
边栏推荐
- Interviewer: What are the design principles?What is the Lie Substitution Principle?
- uni-app进阶之Weex/nvu
- Easy Genes: Human tRNA loci exhibit DNA hypermethylation associated with aging | Research Article
- Staggered question explanation
- 环球晶圆成功以43.5亿欧元获得Siltronic控股权
- win10 校验sha256
- CAN报文:数据帧详解
- Qt笔记-利用QAxObject将文件夹内的所有docx转pdf
- 3. SAP ABAP OData 服务诊断工具 /IWFND/ERROR_LOG 的使用方法
- uni-app深入学习之模板运用
猜你喜欢

See you in shenzhen!Cloud native to accelerate the application building special: see cloud native FinOps, SRE, high-performance computing scenario best practices

图文结合纯c手写内存池

zabbix邮件发送告警信息

This article penetrates the architecture design and cluster construction of the distributed storage system Ceph (hands-on)

Unable to open the source file in qt vs2015 "QtWidgets" solution

【小程序项目开发--京东商城】uni-app之自定义搜索组件(上)-- 组件UI

Rust P2P网络应用实战-1 P2P网络核心概念及Ping程序
如何破坏单例?我说了好几种方式,面试官:没想到你真会

HMS Core音频编辑服务音源分离与空间音频渲染,助力快速进入3D音频的世界

3C数码行业供应商管理方案——与供应商结为“成长共同体”
随机推荐
string 保留小数点后两位(js中保留小数点后两位)
Kubernetes 的 5 个误区
一文参透分布式存储系统Ceph的架构设计、集群搭建(手把手)
生产者消费代码
MLX90640 infrared thermal imager development notes (9)
MySQL数据库安装配置保姆级教程(以8.0.29为例)有手就行
LG卷轴屏手机曝光;三星屏下摄像头新机曝光
中国大学慕课mooc答题/自动播放脚本(domooc)使用教程
Do you really understand the persistence mechanism of Redis?
驱动领域DDD的微服务设计和开发实战
【微服务】 微服务学习笔记二:Eureka注册中心的介绍及搭建
Interviewer: What are the design principles?What is the Lie Substitution Principle?
中小型金融企业该如何进行灾备建设?
cmake(14):利用set_property命令设置全局属性
边缘计算如何与小程序结合?智能家居如何借势发展?
分布式前修课:MySQL实现分布式锁
【Go语言刷题篇】Go完结篇函数、结构体、接口、错误入门学习
Hystri基本介绍和代码简单实现
Comparator和Comparable
HMS Core音频编辑服务音源分离与空间音频渲染,助力快速进入3D音频的世界