elemeng-ui 中el-form 表单如何校验

表单有一个rules属性,它的值是一个数组,里边每一项是一个对象包含着每一条校验规则:

trigger:‘blur’ 是指当表单失去焦点时开始校验；

message是当校验失败时的提示信息；

rules的值也可以是变量,在data中进行赋值：

举例是：

<el-form-item
    label="年龄"
    prop="age"
    :rules="[
      { required: true, message: '年龄不能为空', trigger: 'blur'},
      { type: 'number', message: '年龄必须为数字值', trigger: 'blur'}
    ]"
  >