element ui 验证

// ref="form"   ref="form"

<el-form
      ref="form"
      :model="form"
      :rules="rules"
      style="width:100%;"
      label-width="90px"
    >





// prop="fbmxh"

<el-form-item label="添加部门" prop="fbmxh">
        <el-cascader
          v-model="form.fbmxh"
          :options="treeSelectList"
          :props="{
            checkStrictly: true,
            expandTrigger: 'hover',
            value: 'id',
            label: 'label'
          }"
        ></el-cascader>
      </el-form-item>


// callback();
data() {
    var isEmpty = (rule, value, callback) => {
      if (value === "") {
        return callback(new Error("不能为空"));
      }
      callback();
    };
    var limitChinese = (rule, value, callback) => {
      var pattern = /^[\u4e00-\u9fa5]+$/;
      if (!pattern.test(value)) {
        return callback(new Error("只能写中文"));
      }
      callback();
    };
    return {
      form: {
        fbmxh: "",
        bmmc: "",
        xssx: 0,
        bmzt: "0"
      },
      rules: {
        bmmc: [{ required: true, validator: limitChinese, trigger: "blur" }],
        fbmxh: [{ required: true, validator: isEmpty, trigger: "change" }]
      }
    };
  },



onSubmit() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          console.log(1);
        } else {
          // alert.log("error submit!!");
          console.log(2);
        }
        console.log(valid);
      });
      console.log("添加的数据", this.form);
      // this.$emit("addSubmit", this.form);
    },