ElementUI中el-form组件的rules参数举例详解

//验证电子邮箱的完整示例代码
email = [{
    type: "string",
    required: true,
    message: '请输入邮箱地址',
    trigger: 'blur'
  },
  {
    type: 'email',
    message: '请输入正确的邮箱地址',
    trigger: ['blur', 'change']
  }
]

{ type : "string" , required: true , pattern : /^[a-z]+$/ }

{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }

roles: {
    type: "array", required: true, len: 11
}

role: {type: "enum", enum: ['admin', 'user', 'guest']}

whitespace: [{
    type: "string",
    message: '只存在空格',
    whitespace:true,
    trigger: ['change', 'blur']
}]

transform: [
 {
    type: 'enum',
    enum: [2,4,6], 
    message: `结果不存在`, 
    trigger: ['change', 'blur'],
    transform(value) {
      return Number(value * 2)
    }
  }
]

object类型：
address: {
    type: "object", required: true,
    fields: {
      street: {type: "string", required: true},
      city: {type: "string", required: true},
      zip: {type: "string", required: true, len: 8, message: "invalid zip"}
    }
  }
array类型：
 roles: {
    type: "array", required: true, len: 3,
    fields: {
      0: {type: "string", required: true},
      1: {type: "string", required: true},
      2: {type: "string", required: true}
    }
  }

{name:{type: "string", required: true, message: "Name is required"}}

{name:{type: "string", required: true, message: "<b>Name is required</b>"}}

{name:{type: "string", required: true, message: () => this.$t( 'name is required' )}}

data(){
       var checkPass= (rules,value,callback) =>{
            if(value ==''){
                callback(new Error('请输入密码'));
            }else{
                callback();
            }
        }
        return{
            rules：{
                pass：[vaildatot:checkPass,trigger:blur]
            }
        }
}