针对elementUI input框验证非空或者必填项问题(输入之后还在报错)

时间:2024-04-03 17:50:35

看了好几篇博客,啰里啰唆的不简明     我就整理一下,方便节省大家时间

针对elementUI input框验证非空或者必填项问题(输入之后还在报错)

首先表单验证是用到 rules属性   (需要在data中定义或者单个的话直接写在后面就行)    我这里是在data中定义了一个formRule数组 ,因为我需要验证多个input 

 

针对elementUI input框验证非空或者必填项问题(输入之后还在报错)

这是定义的formRule数组 ,一定要注意formRule中的属性名字跟update_data中的属性名字一致,不然就会出现input输入之后还报错的现象

 

附加提示一下  required   是否必填      trigger    触发条件 (blur  是失去焦点触发      change  是数据改变触发)

针对elementUI input框验证非空或者必填项问题(输入之后还在报错)