JEECG框架-如何使用前端代码判重？（ duplicateCheck 表单字段重复校验通用JS）

实现效果：

实现方法：

在前端代码新增3处内容：

第一处：新增引用

import { duplicateCheck } from '@/api/api'

第二处：找到编码必填校验规则的前端代码,新增如下:

{validator: this.validateCode}

第三处：直接新增此部分代码

validateCode(rule, value, callback){ let pattern = /^[a-z|A-Z][a-z|A-Z|\d|_|-]{0,}$/; if(!pattern.test(value)){ callback('编码必须以字母开头，可包含数字、下划线、横杠'); } else { var params = { tableName: "onl_cgreport_head", fieldName: "code", fieldVal: value, dataId: this.model.id }; duplicateCheck(params).then((res)=>{ if(res.success){ callback(); }else{ callback(res.message); } }) } },

具体如下图展示：

 

来源：CSDN

作者：miss_74735

链接：https://blog.csdn.net/miss_74735/article/details/104612525