Vue元素实现校验验证的方法

Vue元素实现校验验证的方法?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

规则:{
　　bannerType:[{要求:真的,信息:& # 39;请选择类型& # 39;,触发:& # 39;改变# 39;}),
　　associateId:[{要求:真的,信息:& # 39;请选择公告& # 39;,触发:& # 39;改变# 39;}),
　　associateData:[{要求:真的,类型:& # 39;url # 39;,信息:& # 39;输入合法的链接& # 39;,触发:& # 39;改变# 39;})
　　}

限定输入字符串的长度

用min和max加以限制,元素验证具体某个值后的限制规则是个数组,可以添加多个限制。

例子:

规则:{
　　rewardReason:(
　　{要求:真实,信息:& # 39;请输入加分原因& # 39;,触发:& # 39;模糊# 39;},
　　{马克斯:500年,消息:& # 39;不得超过500字符& # 39;}
　　］
　　}

限定输入的数值介于某两个值之间,即限定最大和最小输入

也是通过min和max限定的,但是发现直接用不行,查了下输入的时候el-input的v模型要加.number限制,即v模型。号码。例子: