element表单组件的trigger表单验证逻辑规则

简介: 校验元素trigger属性值应该怎么选择?

校验元素trigger属性值应该怎么选择?

一、trigger: 'blur'

blur失去焦点,比如输入框里。校验文本框是否为空。

8e2767d11e17422ea39916314377e749.png

cf44c4190a844226a619c7f871e510ba.png

二、trigger:'change'

change数据改变,用于需要手动选择的东西。

1c728b3c0a514708b8d4875fb6cc6e09.png

3cd7993738a745c5a3b0fe2ca7c73f59.png


三、prop属性

记得要配合prop属性进行规则验证,如果表单中没有prop属性,那么规则验证也不会出现。

目录
相关文章
|
JavaScript
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
3441 0
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
|
4月前
|
JavaScript
vue + element UI 表单中内嵌自定义组件的表单校验触发方案
vue + element UI 表单中内嵌自定义组件的表单校验触发方案
150 5
|
4月前
|
UED
Element UI 一键校验多表单(v-for循环表单,异步校验规则,v-for 中的 ref 属性,避坑 forEach 不支持异步 await )
Element UI 一键校验多表单(v-for循环表单,异步校验规则,v-for 中的 ref 属性,避坑 forEach 不支持异步 await )
52 0
|
6月前
element-ui中Form表单使用自定义验证规则
element-ui中Form表单使用自定义验证规则
35 0
|
6月前
|
JSON 数据格式
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
|
6月前
element plus 表各组件怎样和分页组件配合使用
element plus 表各组件怎样和分页组件配合使用
95 0
基于element-plus实现vue3+ts后台管理系统的组件封装(只需传入配置对象,就可以渲染出一个页面(表单+表格))
基于element-plus实现vue3+ts后台管理系统的组件封装(只需传入配置对象,就可以渲染出一个页面(表单+表格))
|
JSON JavaScript 前端开发
VUE element-ui之table表格前端自动过滤(筛选),不调用数据接口筛选表格,方法
VUE element-ui之table表格前端自动过滤(筛选),不调用数据接口筛选表格,方法
1040 0
VUE element-ui之table表格前端自动过滤(筛选),不调用数据接口筛选表格,方法
element-ui自定义表单验证
element-ui自定义表单验证
55 0
element表单嵌套检验+动态添加
element表单嵌套检验+动态添加
308 0