官方文档
限制输入指定类型
添加type限制即可，type包括以下值：
例子：
rules: {
bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ],
associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ],
associateData: [ { required: true, type: 'url', message: '输入合法的链接', trigger: 'change' } ]
}
限定输入字符串的长度
用min和max加以限制，element validate具体某个值后的限制规则是个数组，可以添加多个限制。
例子：
rules: {
rewardReason: [
{ required: true, message: '请输入加分原因', trigger: 'blur' },
{ max: 500, message: '不得超过500字符' }
]
}
限定输入的数值介于某两个值之间，即限定最大和最小输入
也是通过min和max限定的，但是发现直接用不行，查了下输入的时候el-input的v-model要加.number限制，即v-model.number。例子：
<el-input v-model.number="form.rewardToLevel" style="display: inline;" placeholder="请输入等级数字" type="number"></el-input>
rules: {
rewardReason: [
{ required: true, message: '请输入加分原因', trigger: 'blur' },
{ max: 500, message: '不得超过500字符' }
]
}
补充知识：vue组件库element-ui 的validate方法
validate（）时elment-ui封装好的用于对整个表单进行验证
validate的参数是一个回调函数。该回调函数在校验结束后被调用，是否校验成功和未通过校验的字段。
若不传入回调函数，则会返回以promise
参数：Function( callback : Function( boolean,obj ) )
isPass是布尔值，为true时表示校验通过。
调用validate()校验时，需要prop属性绑定校验项的字段名，如上图所示。
如果prop属性不绑定name这个字段名，表单校验时，不会校验变量ruleForm.name 的值。
以上这篇Vue Element校验validate的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。