vuelidate 表单验证：必填字段 / 数字，阻止提交 ；自定义验证规则

第一步：安装，导入main.js中

可以通过 npm 安装

npm install vuelidate --save

如果报错，试试加上 sudo

然后导入到 main.js 中

import Vuelidate from 'vuelidate'

Vue.use(Vuelidate)

第二步：在组件中使用

官方示例：Vuetify：Forms

数据需要用 v-model 绑定， this.$v.xxx.$touch() 用来触发验证事件，:error-messages 用来进行表单验证并提示错误信息， this.$v.$reset() 用来清除内容。

this.$v.xxx.$touch() 里的 xxx 为 v-model 中绑定的字段内容。

例子： 增加等级表单：

<template>
	<v-dialog v-model="dialogAddLevel" persistent max-width="700px">
		<v-card>
			<v-flex md2><label>项目点数起</label></v-flex>
	        <v-flex md6>
				<v-text-field
		           	 v-model="editedItem.start"
	            	:error-messages="startErrors"
	            	required
	            	@blur="$v.editedItem.start.$touch()"
	            ></v-text-field>
			</v-flex>
			<v-flex md2><label>项目点数讫</label></v-flex>
			<v-flex md6>
				<v-text-field
					v-model="editedItem.end"
					:error-messages="endErrors"
					required
					@blur="$v.editedItem.end.$touch()"
				></v-text-field>
			</v-flex>
			<v-flex md2><label>等级</label></v-flex>
			<v-flex md6>
				<v-text-field
					v-model="editedItem.level"
					:error-messages="levelErrors"
					required
					@blur<