目录
- el-form表单的校验格式
- validate 以及 validator
- try catch 跟 if else 区别
简介
这些知识点呢,我平时容易记错,弄混淆,写在这里,多加深下自己对它们的印象 ,我相信聪明机智的你们肯定不会弄混淆的,在这里给你们赞个
分析
1.element表单校验的格式
1.1 element 组件
el-form 绑定model 和 rules规则
el-form-item 绑定prop属性
el-input 绑定v-model
完整的表单校验需要三个组件完成配合 分别是el-form
,el-form-item
,表单项,如:el-input
1.2正则校验
正则.test() ==> bool
正则表达式.test(要校验的内容) 得到的是一个布尔值
// required: true => 必填
// trigger: 'blur' => 失去焦点做校验
// validator: => 自定义的校验函数
2. validate 以及 validator
validate 是任一表单项被校验后触发,被校验的表单项prop值必须要有
validator是自定义校验函数
3.try catch 跟 if else 区别
这个疑问是在写代码的时候看到 if else 时 ,突然 看到 try catch 就想着 它们 try catch 也是用于判断的 可以写成if else吧 ?
后来才知道
原来 try catch 是 两个事件 ,都可以执行 而 if else 是当某个条件成立时,只执行成立的那个条件,另一个不执行
try catch 是 先执行 try 里面的代码,当里面的代码有误时 ,,catch 会捕获错误并执行
try 里面的代码没有问题时,catch里的代码也会执行,只不过catch里面的事件会被忽略掉
总结 : 不管try 有没有错误,catch 里面的代码都会执行