校验元素trigger属性值应该怎么选择?
一、trigger: 'blur'
blur失去焦点，比如输入框里。校验文本框是否为空。
二、trigger:'change'
change数据改变,用于需要手动选择的东西。
三、prop属性
记得要配合prop属性进行规则验证，如果表单中没有prop属性，那么规则验证也不会出现。
element表单组件的trigger表单验证逻辑规则
2023-08-28
346
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
校验元素trigger属性值应该怎么选择?
校验元素
目录
相关文章
|
JavaScript
|
4月前
|
JavaScript
|
4月前
|
UED
Element UI 一键校验多表单（v-for循环表单，异步校验规则，v-for 中的 ref 属性，避坑 forEach 不支持异步 await ）
Element UI 一键校验多表单（v-for循环表单，异步校验规则，v-for 中的 ref 属性，避坑 forEach 不支持异步 await ）
53
0
0
|
6月前
|
6月前
|
JSON
数据格式
|
JavaScript
Element-Ui表单移除校验clearValidate和resetFields
添加和修改公用一个弹窗，点击添加弹窗后，如果没移除表单校验的话，再点击修改弹窗时校验就会被记住，所以需要移除校验，但在清空表单校验时会报如下错误：
那么，你只需要加上这段话即可
this.$nextTick(()=>{
this.$refs.addArray.resetFields();
})
再此,我顺便说一下resetFields和clearValidate的区别：
this.$refs.form.resetFields(); //移除表单校验并初始化表单，一般用于.
820
0
0
基于element-plus实现vue3+ts后台管理系统的组件封装(只需传入配置对象，就可以渲染出一个页面(表单+表格))
基于element-plus实现vue3+ts后台管理系统的组件封装(只需传入配置对象，就可以渲染出一个页面(表单+表格))
967
0
0
|
搜索推荐
vue2 el-select 改造成下拉树，支持数据回显
下拉树 就是一个下拉框里面的options里面换成一棵树的形状。本人业务需要一个这样的组件，我也懒得去发布一个组件到npm库，毕竟现在vue3出来了，这个组件只适合vue2 并且是element ui的基础，限制条件有点多。所以在这里做个笔记，有需要的自己copy 代码到自己本地，就行。
1076
0
0
