持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情 ​

目录

1. el-form表单的校验格式
2. validate 以及 validator
3. 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 里面的代码都会执行

​