reseFields还原表单的弊端

最新推荐文章于 2024-05-23 00:03:00 发布
最新推荐文章于 2024-05-23 00:03:00 发布
阅读量168 收藏
点赞数
分类专栏： 后台管理系统 文章标签： servlet jvm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59076775/article/details/127020507
版权

 .

reseFields

 他是根据初始值进行还原,如果第一次打开的是新增 并不会发生什么事

 如果第一次打开的是编辑就会出现问题：

 这个时候建议加强还原一次

this.form={
name:'',
code:''
...
}

这样一来不管打开新增还是先打开编辑都不会出现问题:

reseFields可以还原表单的验证规则

如果决定要走又何必挽留
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
form resetFields并没有清空表单
weixin_30783913的博客
07-02 2716
在使用element-ui的时候，编辑组件和上传组件实现了复用，但是发现，点击完编辑再点击上传 ，上传组件本该是空的，但是它里面却有值： ，而我却已经用了resetForm()，也就是说resetForm()没有生效。 接下来我去element-ui官网看了看，发现， 也就是说，resetForm()的作用并不是清空表单，而是重置为初始值。 我们来回一下我们的步骤，我们是先打开了编辑...
简单的form表单模板
01-16
简单的form表单模板
resetFields方法重置表单
weixin_44090040的博客
07-24 2万+
<!-- * @Descripttion: resetFields方法重置表单 * @version: * @Author: zhangfan * @email: [email protected] * @Date: 2020-07-03 09:10:28 * @LastEditors: zhangfan * @LastEditTime: 2020-07-24 14:49:07 --> <template> <div class="tableBox.
Vue-element 的 resetFields();
qqqgg的专栏
06-25 4万+
 在使用中，发现 this.$refs['activityForm'].resetFields();经常不好使，放在简单页面中可以使用，一旦复杂就坑多多！我的form在一个dialogue 中，界面上有2个按钮，一个是添加，一个是修改。界面加载之后，点击添加，再点修改没问题。先点修改，会把要修改的数据加载到弹出的对话框上。但是这个界面上的值竟然被记住了！再点击添加框，this.$refs['act...
element-ui 表单清空 resetField()方法
weixin_41190571的博客
09-30 3万+
由于PM说项目赶时间，我二话不说撸起袖子就是一顿狂操作，自己操作了几遍没有发现bug当天下午就欣喜地将刚撸好的form表单功能提交给qa去测试。不一会儿qa就给我提一bug说：“你这表单操作有问题啊！为啥我重选前面的名称按钮，后面的类型选项会报错了？”。 如图所示： 我听完就连忙给她解释道：“这个不是bug，这个是提示信息而已嘛！”。QA又来了：“我看着那个红色提示就认为是错误的，用户...
element-ui 表单重置函数resetFields();使用注意事项
热门推荐
zhongmei121的专栏
07-04 5万+
在表单重置的时候我们习惯使用this.$refs[formName].resetFields();来重置表单，但有时候会出现重置不完全的情况，例如： 表单绑定的变量： formData:{ id:null, name:null , age:null} 表单html： <el-form ref="form" :model="formData" label-width="80px" si...
动态表单的数据存储
weixin_52703987的博客
04-14 2万+
动态表单的数据存储 这里根据上面的动态表单设计的界面，整合并存储对应界面控件的值，从而实现了动态表单和动态表单数据的整合显示了。 为了有效管理动态表单的数据和是否展示的处理，我们在业务表单的data属性集合中增加了两个变量，如下所示。 hasDynamicForm: false, // 是否有动态表单 dynamicFormJson: '', // 动态表单的JSON数据 这样我们在业务表单列表界面呈现的时候，也同时获取对应的动态界面结构JSON，如下代码所示。 created() { t
HTML 表单制作
千寻的博客
09-19 2万+
HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用表单标签 来设置 HTML 表单-输入元素 多数情况下被用到的表单标签是输入标签（）。 输入类型是由类型属性（type）定义的。 文本域（Text Fie...
动态表单：VUE动态表单
08-13
基于vue+Iview实现动态表单组件，通过拖拽组件到面板即可实现一个表单。支持各个组件的动态隐藏显示，动态表格弹窗式维护。
万能表单 亲测可用
03-03
1、支持新建N个表单主题，解决所有表单的应用场景 2、自定义表单模型(自定义字段支持字符串、数字、单选、多选、下拉、日历、时间、邮件、省市区、上传图片)，每个自定义字段支持自定义描述(字段提示)，支持关联会员...
联系我们表单网页模板
01-23
联系我们表单网页模板
angular动态表单制作
08-27
通过实例代码给大家详细讲述了angular动态表单的制作方法，对此有需要的朋友参考下。
resetFields方法重置表单失败
笔墨茶叶的博客
10-21 2万+
对ThreadLocal的一些理解
weixin_64842400的博客
05-19 681
通常情况下，我们创建的变量是可以被任何一个线程访问并修改的。JDK 中自带的类正是为了解决这样的问题。ThreadLocalMap是ThreadLocal类的，即一个对象，且ThreadLocalMap中存放的是Entry<K ，V>数组，每一个entry中存放的key为当前ThreadLocal对象，value为我set的值。因为是静态内部类，所以多个ThreadLocal对象共用一个ThreadLocalMap。一个Thread线程对象中只有一个ThreadLocalMap。
JVM学习-垃圾回收(二)
丢爸
05-22 550
将活着的内存空间分为两块，每次只使用其中一块，在垃圾回收时将正在使用的内存中的存活对象复制到未使用的内存块中，之后清除正在使用的内存块中的所有对象，交换两个内存的角色，最后完成垃圾回收。标记清除算法的确可以应用在老年代中，但是该算法不仅执行效率低下，而且执行完内存回收后还会产生内存碎片，所以JVM设计者需要在此基础上进行改进，标记-压缩算法由此诞生。而为了尽量兼顾上面提到的三个指标，标记-整理算法相对来说更平滑一些，但是效率上不尽如人意，它比复制算法多了一个标记的阶段，比标记-清除多了一个整理内存阶段。
面试 JVM 八股文十问十答第八期
qq_67358181的博客
05-19 610
当CMS垃圾收集器发生concurrent mode failure时，它会触发一次Full GC以尝试解决老年代空间不足的问题。稳定性和可控性：在Java虚拟机中，Full GC通常会导致较长的停顿时间，因此采用单线程执行可以更好地控制和管理这个过程，避免出现并发问题或竞态条件。简化实现：使用单线程执行Full GC可以简化实现，减少并发情况下的复杂性。这样可以降低出错的可能性，并且更容易保证Full GC的正确性和稳定性。保证可达性分析的准确性。
C++之static关键字
weixin_42463482的博客
05-19 906
当static修饰变量时，这些变量的生命周期从程序开始运行到程序结束，即整个程序运行期间都存在，与所在的函数或文件无关。会因修饰的变量不同，其作用域(可见范围)也会有所不同。
C++ this的存储位置
weixin_63565077的博客
05-22 210
this
JVM之性能优化
最新发布
still_five_Days的博客
05-23 647
由博客我们已经了解到了数据存储是在方法区和堆区，而堆区的使用更为频繁。堆区有什么呢?老年代、新生代、GC。因此JVM性能优化，优化什么？我们猜想一下，新生代的大小设置；老年代的大小设置；新生代到老年代的阈值设置；GC算法；大对象的存放阈值；无外乎是这么几种，于是我们带着这么些个问题来进一步探讨。
layui 表单校验和表单取值
09-18
layui是一款使用简单、功能强大的前端UI框架，提供了一套方便且丰富的表单校验和表单取值的方法。 首先，layui表单校验可以通过layui内置的form模块来实现。我们首先需要在HTML中引入layui的相关文件，然后在表单元素上添加一些特定的属性。例如，使用lay-verify属性来指定需要进行校验的规则，使用lay-reqtext属性来指定校验不通过时的提示信息，使用lay-filter属性来指定筛选器，从而进行事件监听与提交表单等操作。 在校验进行时，我们可以通过layui.form进行各种操作，如监听校验功能的提交事件，通过form.on('submit(filter)', function(data){})方法来监听表单提交，其中data即为表单的取值。另外，我们还可以使用form.verify来自定义校验规则，form.val来给表单赋值等。 对于表单取值，layui提供了form.val方法来实现。我们可以通过form.val(filter)来获取指定筛选器对应的表单元素的值，也可以通过form.val(filter, obj)来给表单元素赋值。例如，可以通过form.val('example', {name: 'value1', age: 'value2'})来赋值给筛选器为'example'的表单元素name和age。 总而言之，layui通过内置的form模块提供了便捷的表单校验和取值的方法。我们只需在HTML中引入相应文件，设置合适的属性和监听器，即可进行表单校验和取值的操作。这使得开发者能够更加方便地实现表单的验证和获取数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值