form 表单填写内容时校验是否改字段内容已经存在,展示提示信息

// form 表单字段  

{
    key: 'infoMc',
    label: '机构名称',
    tooltip: '请填写代理机构名称',
    required: true,
    //  请求的方法
    rules: [{ validator: checkInfoMc }],
   // input 鼠标失去焦点的时候
    validateTrigger: 'onBlur',
    colLayout: {
      id: 'infoMc',
    },
  },

  

请求接口根据数据判断该字段是否有内容重复

function checkInfoMc(rule, value, callback) {
  if (value) {
    //  接口参数为填写的value值
    request.get('', { agentName: value }).then((res) => {
      if (res.data) {
        callback('名称已被占用!');
      } else {
        callback();
      }
    });
  } else {
    callback();
  }
}