iview中的form 表单resetFields无效的原因

最新推荐文章于 2024-09-30 17:22:00 发布
最新推荐文章于 2024-09-30 17:22:00 发布
阅读量2.3k 收藏 2
点赞数 2
分类专栏： iview 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjw_zyfx/article/details/102615509
版权
前端 同时被 3 个专栏收录
303 篇文章 2 订阅
订阅专栏
vue
144 篇文章 2 订阅
订阅专栏
iview
14 篇文章 0 订阅
订阅专栏

 

如果实在搞不定，即重置无效，则用最笨但是最有效的方法，即手动验证

使用resetFields对form进行清空重置有以下三点需要注意：

1 、Form 使用ref="form1"以便方法中进行引用
2 、需要重置的表单元素使用FormItem包裹
3、FormItem标签中的prop属性需要填写对应表单域 model 里的字段
由于Form标签的:model="formItem"，所以prop直接写title即可，对应data中的
formItem.title
 

jjw_zyfx
关注
专栏目录
iview使用小结 之 Form表单
Loria1的博客
01-15 2521
1.给表单设置ref值，通过this.$ref.name.validate((valid) =>{}) 校验数据 2.通过model绑定Form数据源searchParam 3.通过rules绑定验证规则 4.在data里制定详细的验证规则 5.每个表单的prop值对用验证规则里的名字相同的key 6.通过datapicker的options设置时间选项限制 7.通过绑定onc...
iview中的form表单进行多层嵌套对象的校验
sunqy1995的博客
04-27 4786
iview的form表单校验 iview是常用的vue的ui组件，其中实现了许多的功能，其中一个最常用的还是表单功能，iview自带了表单的校验功能，在保存的时候通过调用validate方法就可以进行表达校验。 将form中绑定的值放在model上面，将每个需要进行校验的规则写在rules中 在form-item的prop上写上相应的键值 在需要校验的时候调用validate方法进行规则校验 ...
iview form清除校验状态的实现
10-16
主要介绍了iview form清除校验状态的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
iview 表单重置方法.resetFields()不生效
CommonBorage
04-03 659
使用iview的表单重置方法 .resetFields()需要注意的事项 1、重置表单是重置为初始值，并不是把表单置空（例如：表单元素的初始值为1，重置后依旧为1。不会变成空值或者0） 2、 .resetFields() 方法一定要配合表单的“prop”属性一起使用，否则无法生效 ...
uview表单校验不生效问题
最新发布
qq_44161722的博客
09-30 778
最近几次使用发现有时候会不生效，具体还没排查出来什么原因，先记录一下解决使用方法。
iview-resetFields()重置
qq_39736671的博客
03-10 3390
iview-resetFields重置一.自己的方式二.组件提供的方式 最近在使用iview编写form表单的时候，由于对官方组件没读太多，直接上手，就按照自己的方式实现按钮reset重置事件，今天发现有现成的事件，起始都是大同小异。 自己的方式 组件提供的方式 一.自己的方式 闲话不说直接上案例 1.表单数据 <Form :model="vehicle" :label-wid...
iview 表单重置resetFields不起作用踩坑
weixin_41870520的博客
09-04 2925
1. 首先确定v-model绑定值是否正确 2. 验证项的type类型是否为所需类型，默认为string 3. 若有某一元素控制必填项是否显示，将v-if 替换成v-show （v-if会删除掉当前dom元素，导致必填项索引定位错误，因此采用v-show。） 4.可以采用父组件在调用子组件时重置表单方法。 希望可以帮到大家。 ...
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
10-14
主要介绍了快速解决Vue、element-ui的resetFields()方法重置表单无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
iview form表单resetFields() 无效
xiaojing的博客
10-21 982
**问题：**使用this$refs[‘formData’].resetFields()来重置表单无效 检查了form表单的代码： <Form ref="formData" :model="formData" :label-width="100"> <FormItem label="规格名""> <Input v-model="formData.specification"/> </FormItem>
iview form表单resetFields方法不起作用
小方的专栏
06-25 6639
<template> <Form ref="form1" :model="formItem" :label-width="60"> <FormItem label="名称" prop="title"> <Input v-model="formItem.title"/> </FormItem...
vue项目表单中使用resetFields()报错或未生效
蚂蚁搬砖我砌墙
10-07 8597
使用resetFields()报错或未生效的解决方案
uniapp uview微信小程序重置表单resetFields不生效
honeymoon_的博客
01-10 3547
uniapp+uview重置表单不生效问题
Form 表单的 resetFields() 失效原因
weixin_52648900的博客
09-07 632
排查 Form 表单的 resetFields() 失效原因 的几种方法和思路
elementui中form表单 resetFields 失效
pingfanblog
04-24 621
elementui form表单使用 resetFields方法失效
IView Form表单 部分重置
如故的博客
03-17 2187
在 IView 官网文档中，只给了这个 resetFileds 方法对整个表单进行重置 那么如果想要只对某个或某几个表单项进行重置，该怎么办呢？ 查看IView源码发现 它是对整个表单进行遍历来执行重置操作的，所以这个 fields 属性应该就是所有表单项的集合 我们打印看一下 可以看到这个 fields 属性就是我们所有表单项的集合，其中每个表单项有一个 prop 属性，就是该项的 ke...
lement iview vue重置表单不起作用？ this.$refs.searchForm.resetFields()； this.$refs[form].resetFields()；
梨子社区
06-15 610
vue重置表单不起作用？this.r e f s . s e a r c h F o r m . r e s e t F i e l d s ( ) ; t h i s . refs.searchForm.resetFields();this.refs.searchForm.resetFields();this.refs[form].resetFields(); 文章目录 vue重置表单不起作用？this.r e f s . s e a r c h F o r m . r e s e t F i e l d
iView表单部分域重置
刘显卓的博客
09-06 4291
iView的表单api给出了一个resetFields方法，用于重置整个表单输入的内容并清除验证提示。 但是如果只想重置部分域该怎么办呢？ 可以将需要重置的域所绑定的model变量的值设为空字符串”，这样会有问题。这种方法只是将输入的内容设为了空字符串，如果这个域带有一个iView的验证限制类型为数字或为必填的情况下，就会触发验证。由于空字符串不是数字或者这个必填的域变为了空，就会验证失败...
el-form表单重置resetForm()不生效问题
qfCSDN的博客
09-27 7798
字段不清空 或者完全没效果 检查： el-form 是否绑定model,带有ref,并且绑定的是同一数组。 <el-form :rules="rules" ref="form" :model="form"> el-form-item绑定prop <el-form-item label="商品状态" prop="enabled"> <el-radio-group v-model="form.enabled"> <el
elementUI model弹框中 this.$refs[formEl].resetFields()不起作用
tian6632的博客
02-24 560
【代码】elementUI model弹框中 this.$refs[formEl].resetFields()不起作用。
iView 表单重置
左直拳的马桶_日用桶
07-20 1011
在Vue里面，想重置iView的表单，需要在FormItem中指定prop属性，FormItem包含的控件需要双向绑定表单Model对象，同时表单Model对象也要因应控件类型，作适当的声明与初始化。这几个条件，缺一不可。以往使用原始的js，只需将表单对象执行一下reset()方法就可以了，现在搞到这么复杂。 示例如下： <Form ref="form1" :model="form1" inline :label-width="90"> <Row> <Col sp
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值