iview下拉框多选，重置表单后，下拉框触发校验提示错误信息

最新推荐文章于 2023-04-03 10:20:50 发布
最新推荐文章于 2023-04-03 10:20:50 发布
阅读量440 收藏
点赞数 1
分类专栏： 那些年我们遇到的坑 文章标签： view design 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kobeloveu/article/details/129209910
版权
在遇到特定情况时，应当在调用重置表单函数之前删除特定字段，例如`deletethis.form.xxx`，随后执行`this.$refs.form.resetFields()`来清空表单数据。
摘要由CSDN通过智能技术生成

如出现标题所述情况，请把这个字段在重置函数调用之前，把该字段删除掉

delete this.form.xxx
this.$refs.form.resetFields();
Er ist träumer.
关注
专栏目录
单个form表单内，不同情况显示的不同选项的单选框或多选框的情况下，判断单选框是否存在未选择一个选项情况，并进行提示。
weixin_43803387的博客
10-12 525
单个form表单内，不同情况显示的不同选项的单选框或多选框的情况下，判断单选框是否存在未选择一个选项情况，并进行提示。
iview 多选下拉框 处理数组 进行回显问题
qq_39396760的博客
08-28 1378
关于iview 多选下拉框 绑定值 回显问题 如果这些选项在其他地方显示很不美观，所以要处理掉 [ ] 和 “” 代码如下 mkbk(a){//感谢某大佬 var str = ""; a.forEach(i => { str+= i + " "; }); return str; }, 希望对你有用 ...
iview form清除校验状态的实现
01-19
有个需求，要求对输入框进行 启用/禁用 的切换，同时在禁用时要清除输入框的校验状态（那个红框）。 方法一：修改 formItem 字段属性 在iview 的官方api 中并没找到清除校验状态的方法，看了下源码，用一个粗糙的方法解决了。 源文件 form-item.vue 中的 resetField方法 是通过修改这两个属性的值清空状态和提示的 其实就是把 formItem 的两个属性值进行了修改， v.validateDisabled 是否校验 v.validateState 展示状态（校验错误时此处值为 ‘error’） v.validateMessage 错误提示文字 修改状态的同时
iview UI 下拉框select表单校验错误信息不消失
04-02 2574
1.需求描述 弹窗添加时，对下拉框进行选择，点击确定进行非空校验 2.使用场景 对下拉框进行校验 3.问题描述 选中下拉框的值之后，下拉框select表单校验错误信息不消失 4.解决方案 (已解决加入) 经过排查，是change事件重复导致冲突了，如下代码所示： <FormItem label="选择实验名称" prop='abtest_id'> <Select v-mo...
iview中Select 下拉框 多选 校验方法
c_qianxia5040的博客
10-21 2125
<FormItem label="学科：" prop="teachingCourse"> <Select v-model="formData.teachingCourse" clearable multiple placeholder="选择教授的学科" > <Option v-for="it
iview多选下拉框Select提交值的bug
lyz246859的博客
03-28 705
使用iview多选下拉框的时候，要记住，multiple属性下，select返回的值是一个数组而不是一个字符串，这在组件的使用说明上市没有写明的，有些不熟悉的朋友就会出现提交数组而导致请求接口出错，一般提交的参数会规定为字符串，因此只需join(",")把值变为字符串再提交即可，多选赋值的时候也是一样，使用split(",")把字符串转成数组再去赋值，这样就完美了 ...
iview 表单重置方法.resetFields()不生效
最新发布
CommonBorage
04-03 622
使用iview的表单重置方法 .resetFields()需要注意的事项 1、重置表单是重置为初始值，并不是把表单置空（例如：表单元素的初始值为1，重置后依旧为1。不会变成空值或者0） 2、 .resetFields() 方法一定要配合表单的“prop”属性一起使用，否则无法生效 ...
i-view中下拉框触发on-change事件bug
你离优秀差多少
09-02 1278
我在修改vue项目时遇到一个bug，怎么都想不通，虽然解决了，但是还是不明白为啥没有选择下拉框on-change事件，还是会触发！！！！
vue+iview表单校验select选择框校验失败问题
m0_53083944的博客
03-10 1330
经过反复测试发现是该组件绑定select的model值，必须是字符串
iview中Select 选择器多选校验方法
01-19
iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。 iview使用的校验是根据async-validator来实现数据验证。...以上这篇iview中Select 选择器多选校验方法就是小编分享给大家的
完美解决iview 的select下拉框选项错位的问题
08-27
完美解决iview 的select下拉框选项错位的问题 在使用iview的过程中，我们可能会遇到select下拉框选项错位的问题，当弹出框超过一屏需要滚动时，select的下拉选项会出现错位。这种问题的出现可能是由于iview组件的...
解决iview下拉框Select多选由于内容太多导致的换行
weixin_30399055的博客
09-18 3588
iview使用下拉框的时候，发现当内容太多就会导致iview的下拉框换行，严重影响到了用户体验，如下图： 通过查看iview的官网的API,确实没有发现一个好的解决方案，官网有提供一个max-tag-count属性，这个属性是输入框中的选项卡数量超过该属性值，那么就隐藏后边的选项卡。 理想实际效果： 理想很丰满，现实很骨感，由于选项卡的内容的长度是不确...
iview表单验证下拉框不通过问题
weixin_34205826的博客
05-17 1031
iview表单验证的步骤： 第一步：给 Form 设置属性 rules:rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可prop=”“ 第三步：注意：Form标签里面是:model 第四步：注意：在Form标签里面必须添加ref,相当于id,在此范围内的表单验证有效 第五步：在操作保存按钮时，添加方法，对整个表单进行...
vue + iview重置表单数据，清除表单部分校验信息
热门推荐
yoohoo1234的博客
11-13 1万+
vue+iview表单，在添加和编辑，我们定义两个data formData: {}, defaultForm: { sdId: '', parentSdId: '', targetCode: '', isDelect: 'false', }, 在我们需要清空表单数据和校验规则， this.$refs.formData.resetFields(); 并重...
iview部分表单验证部分重置避免出现不友好的错误提示
派大星
11-06 5629
此坑是在做项目的时候，多次遇到，具体的描述就是，在一个表单进行赋值，并且有可能会被修改，但是没有被修改的情况下，提交表单验证，部分type类型对不上的就会报错，但是表单值都是完整的，因为修改的时候进行了默认赋值，解决这个问题，直接将验证中的trigger删掉就行了，问题得到解决； 但是，当你这么做的时候，当重新打开新表单，没有赋值的时候，会进行一次表单验证，注意是在已赋值过后，再次打开这个新表单，...
iview form表单校验select下拉手动赋值为空时会触发校验提示问题
小小小虎笑~的博客
08-06 2021
先说下背景，vue+iview项目的form表单中有一个select下拉框是必填的，启用了form表单的rules属性。话不多说先上代码： <FormItem label="系列名称：" prop="jointSeriesId"> <Select v-model="formItem.jointSeriesId" clearable placeholder="请选择..."> <Option v-for="item in jointSeriesList" :value
关于iview、element-ui重置表单并清除校验的方法
alihlz_39337506的博客
03-31 503
平时在使用iview或者vue重置表单是时，我会习惯使用 this.$refs[formData].resetFields(); 但是直接这样写上去方法是不起作用的， 内容必须要在每个form-item里加上prop属性，并且与你v-model的值相同才可以生效 例如: iview代码段： <Modal v-model="showDialog" :title="modalT...
element-ui 解决重置表单时触发校验的问题
weixin_42147551的博客
03-09 1614
this.$refs.form.resetFields()
iview的form表单字段在函数中触发校验
码农老牛
02-12 4283
需求：比如表单有个上传文件的字段，这个字段设置为必填，之前未上传，点击提交，然后出现字段不能为空的提示，然后上传文件，上传完成后，之前提示依然存在，现在需要在上传成功后把这个提示去掉，这就需要在上传文件的handleSuccess方法中手动触发该表单字段的校验，因为已经不是空了，所以触发校验后提示会自动消失。 实现： form按如下写法： &lt;Form ref="editForm" :...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值