iview表单验证trigger:'change,blur'

最新推荐文章于 2023-06-12 23:58:45 发布
原创 最新推荐文章于 2023-06-12 23:58:45 发布 · 5.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了IView UI框架中Select组件的触发器属性设置问题，特别是在使用'blur'作为触发条件时遇到的选择框边框颜色不正常的现象。通过调整trigger属性为'blur,change'，解决了这一问题，确保了用户交互的一致性和预期行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天发现,如果设置select的trigger:'blur'就算选择之后还是边框是红色的,之后查了一下iview的文档,也没有找到准确的蚊子描述,只看到form那个组件其中有一个例子,大概是select会对应change,input对应blur还有其他checkbox的....,因为判断的有点乱,一个个看很麻烦,后来搜了一下 原博客 这个方法还不错,直接将trigge:'blur,change',省的去纠结它是哪个

trigger:'blur,change'

　　

 

ChorKiu
关注
关于iview表单验证的问题
日常笔记/总结/系列知识梳理
04-19 1万+
关于iview表单验证的问题 iview表单验证的步骤： 第一步：给 Form 设置属性 rules :rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“ 第三步：注意：Form标签里面是 :model 第四步：注...
iView——表单校验是否为空填坑
qq_41383999的博客
04-20 1184
iView Form 表单校验注意点 设置 rules, 并制定 prop <Form ref="topicForm" :model="topicForm" :rules="topicFormValidate" :label-width="80"> <FormItem label="名称" prop="topicName"> <Input type="text" v-model="topicForm.topicName"
iView表单验证trigger多种触发方式:
weixin_68849671的博客
06-12 1875
iView表单验证trigger多种触发方式:
Iview 表单验证的规则总结
热门推荐
zshsats博客
09-20 1万+
Iview 表单验证的规则总结 &lt;FormItem prop="UserId" :rules=" [ { required: true, message: '请选择一项', trigger: 'change',type:'number',min:1}, ]" &gt; &lt;Select ...
vue+iview 自定义侧边栏（Sider）触发器（trigger）
1H1R1M的博客
03-31 1万+
#1），记录原因描述： 想要修改Sider的样式（背景颜色），通过给Sider设置了新的class后，背景颜色虽然修改了，但是低端的触发器样式仍然是Menu组件的”Dark“主题样式。 查看官方文档知道，Sider 可以设置hide-trigger属性来隐藏默认触发器。 #2），模板： 模板大致是iView官方文档中的“Layout布局”中的其中一个。截图如下，代码见官网： #3），修...
element-ui 表单验证触发方式 trigger :‘change‘ 和 ‘blur’ 的区别
努力努力再努力的博客
08-10 6114
element-ui 表单验证触发方式 trigger :‘change’ 和 ‘blur’ 的区别 trigger :‘change’ change 数据改变触发 比如 ： 需要 手动选择的东西，用 change trigger : ‘blur’ blur 失去焦点 比如 ： 输入框里，验证文本框是否为空 没有任何输入的时候，不会触发 change ， 但一定会触发 blur 事件 ...
vue中使用iview自定义验证关键词输入框问题及解决方法
08-27
在Vue.js应用中，我们经常使用UI库如iView来构建前端界面，其中包括表单验证功能。本篇文章将深入探讨如何在Vue与iView结合的项目中，针对自定义的关键词输入框进行验证，并解决可能出现的问题。 首先，验证需求...
iview的自定义表单验证
最新发布
07-29
trigger表示触发验证的时机，可以是'blur'（失去焦点）或'change'（值变化）。 3. **提交验证**：通过`this.$refs.form.validate`方法触发整个表单的验证。 ### 异步验证 如果需要异步验证（例如调用接口验证手机...
vue表单验证你真的会了吗？vue表单验证（form）validate
10-17
`trigger` 属性定义了何时触发验证，比如 `blur` 表示失去焦点时验证，`change` 表示值改变时验证。 在实际项目中，我们可能会遇到更复杂的场景，例如需要跨组件通信来协调验证逻辑。Vue 提供了两种机制来实现这...
iview - 自定义表单验证
idomyway的博客
07-22 973
自定义表单验证代码 export default { data () { const validateImage = (rule, value, callback) => { if (value.barImage === '') { callback(new Error('验证错误')) } else if (value.split('...
iview 非空验证_iView爬坑记——表单验证
weixin_28878311的博客
01-16 935
版本：iView 2.7.4自从项目用了iView之后，感觉做新需求的一半时间都在疯狂踩坑，所以写个文档记录一下踩过的坑。此篇为iView表单验证的爬坑记录。更新：2019.3.101、value为undefined在项目开发中，表单验证时一直出现各种“不能为空”、验证不通过等情况，但是自身输入和验证方法没有问题时，一般来说是输入框的value为undefined的。比较简单的检测方法就是写一个验...
Element UI Form表单表单验证触发方式 trigger: ‘change‘ 和trigger: ‘blur‘区别
weixin_65921319的博客
05-05 6330
备注：没有进行任何输入时，不会触发change，但一定会触发blur事件。二、 trigger: ‘blur’:失去焦点时触发,如上图。一、 trigger: ‘change’:数据改变时触发。
iview表单校验必填项required时显示xxx is required，或者trigger验证不刷新问题
george_ye的博客
06-12 2194
使用iview的form组件，表单项为必填项时遇到的问题
iview表单验证 Select错误信息不消失
landiyaaa的博客
08-29 4477
1. 表单验证的默认规则是字符串数据类型。所以当select的value是数字时，表单验证不通过。 解决办法：在规则定义对象中加入属性type:'number' 2. 规则定义对象中，如果对Select的校验选择了trigger:'blur'，那么假如一开始select为空验证不通过，到后来选择了值理应通过验证，但错误信息是不会消失的。因为blur无法触发select的规则校验。 解决...
iview的Select选择器清空选择项操作
leilei__66的博客
01-04 4576
iview的Select选择器清空选择项操作 一、iview组件的自带的清空操作 二、自制input代替原input输入框 自制input代替原input输入框，实现删除输入随意
element中form校验问题，当点击修改之后，关闭弹出框进行新增，就会出现字段不能为空的情况爆红问题解决
weixin_45926180的博客
06-05 1507
element修改后再新增 爆红问题
记录uniapp中表单校验踩的坑（uView框架）
微光无限的博客
07-21 2568
记录uniapp中表单校验踩的坑（uView框架）
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值