本地数据新增和编辑时校验名称是否重复

最新推荐文章于 2024-07-14 15:54:59 发布

爱吃羊的狗

最新推荐文章于 2024-07-14 15:54:59 发布

阅读量241

点赞数

分类专栏： vue 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/VIVI_CSDN01/article/details/130108617

版权

vue 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本地数据新增和编辑时校验名称是否重复

校验方法 index.js

//新增名称唯一校验
export function onlyVerify (arr, keyName, value) {
  let isVerify = true;
  if (arr.length > 0) {
    arr.map((t) => {
      console.log("t[keyName]:" + t[keyName]);
      if (t[keyName] == value) {
        isVerify = false;
      }
    });
  }
  return isVerify;
}

//编辑名称唯一校验
export function onlyEditVerify (arr, keyName, value, eidtId) {
  let newArr = [];
  arr.forEach((element) => {
    if (eidtId != element.id) {
      newArr.push(element);
    }
  });
  return onlyVerify(newArr, keyName, value);
}

页面中使用index.vue

if(this.title == '新增'){
  // 校验名称是否重复
   if (!onlyVerify(this.polygonData, "name", this.areaForm.name)) {
      this.$message.error("名称已存在！");
       return false;
   }
} else if(title == '编辑'){
    // 校验名称是否重复
    if (!onlyEditVerify(this.polygonData,"name",this.areaForm.name, this.areaForm.id)) {
        this.$message.error("名称已存在！");
        return false;
    }
}