elementUI自定义表单校验规则中的callback和return

最近在写一个功能是当点击新增的时候进行表单验证，而更新不需要

先上代码

  // 现在定义一个函数 这个函数的目的是 去找重复的部门
const checkNameRepeat =  async (rule: any, value: any, callback: any) => {
  if (isValidate.value) {
    return  //这代表如果是更新，就不需要表单验证，直接return出去，
//如果使用return  如果想使用await 必须加一个async，但是加了一个async就变成了Promise函数，
//下面的rules就会有ts类型错误，因为validator后边不可使用Promise函数

//因此为了不使用async，可使用callback()，即如果是更新，则直接callback()，
//下方的代码虽然也会执行，但是不会执行callback(new Error('已存在该机构'))
  }

  const reqAllList = {//获取数据的入参
    deptIds: [],
    pageQuery: {
      isAsc: 'asc,desc',
      orderByColumn: '',
      pageNum: 1,
      pageSize: 100000000,
    },
    recipient: '',
  };

  getScheConfList(reqAllList).then((res) => {
    const isRepeat = res.data.some((item: any) => item.deptId == value);
    console.log('isRepeat', isRepeat);
    isRepeat ? callback(new Error('已存在该机构')) : callback();
    
  });
};
const rules: FormRules = {
  deptId: [
    { required: true, message: '请填写此项', trigger: 'change' },
    { validator: checkNameRepeat, trigger: 'change' },
  ],
  recipientNames: [{ required: true, message: '请填写此项', trigger: 'change' }],
};