Vue 进阶（幺玖零）：表单验证 trigger:‘blur‘ OR trigger:‘change‘ 区别
一、前言
利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。
通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。
至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？
二、表单验证时，trigger:'blur' OR trigger:'change' OR 不设置？
对
el-input输入框的验证，trigger的值选blur，即失去焦点时进行验证。下拉框（
el-select）、日期选择器（el-date-picker）、复选框（el-checkbox）、单选框（el-radio）验证时，trigger的值选择change，即当值发生变化时就进行验证。
2.1 下拉框验证
复制代码
2.2 日期选择器验证
复制代码
2.3 复选框验证
复制代码
2.4 单选框验证
复制代码
三、拓展阅读
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/63d8a0cce894dc735b4cb8db5】。文章转载请联系作者。
No Silver Bullet 2021.07.09 加入
岂曰无衣 与子同袍
评论