element-自定义表单验证-接口验证字段是否重复

//template

		<el-col :span="8">
            <el-form-item label="合同前缀：" prop="contractPrefix">
              <el-input v-model="form.contractPrefix" placeholder="请输入" />
            </el-form-item>
		</el-col>

//script

import {
  // 验证合同前缀
  checkContract
} from "@/api/shipper";

//data
data () {

    // 验证合同前缀
    const validateContract = (rule, value, callback) => {
      if (value === "" || value === null) {
        return callback(new Error("必填"));
      } else {
        this.checkContract(callback);
      }
    };
    return {
      rules: {
        contractPrefix: [
          { required: true, message: "必填", trigger: "blur" },
          {
            trigger: "blur",
            validator: validateContract
          }
        ],
}