Bootstrap

vue表单的自定义校验规则

1.给表单添加ref与:rules属性

对form表单的数据进行校验时,需要在el-form标签加上ref和:rules属性,并且在每个el-form-item标签里定义prop属性,prop属性对应:rules里面的每项规则,例如:

 <el-form ref="addData" :model="addData" label-width="100px" :rules="rules"> 
    <el-form-item label="标识名称" prop="name">
          <el-input v-model="addData.name" />
        </el-form-item>
        <el-form-item label="权限标识" prop="code">
          <el-input v-model="addData.code" />
        </el-form-item>

2.定义校验规则

在data里面定义rules属性值,validator 是自定义验证器 由于简单的校验并不能满足需求,所以需要自己额外定义一个校验规则

data() {
  returun {
		  rules: {
        //required 代表必填项   message 代表提示信息  trigger 代表 在什么时候触发校验
        name: [{ required: true,
;