- 在ElementUI框架中,对表单数据进行验证需要对标记对进行设置,设置规则如下:
1、<el-form>
标记对的rules属性在数据区绑定为一个对象型数据。
2、rules对象的键名必须与表单元素的v-model绑定的变量一致。
3、rules对象的键名取值为一个数组,数组元素是表单元素的多个验证规则。
4、标记对使用prop属性来为表单设置需要满足的验证规则
实例代码:
<el-form-item :model="formData" :rules="rules">
<el-form prop="userNick">
<el-input v-model="formData.userNick"></el-input>
</el-form>
</el-form-item>
data:function(){
return{
riles:{
userNick:[
{
required:true,message:'用户昵称不得为空',trigger:'blur'