前端新增校验关键属性是否重复

最新推荐文章于 2024-11-10 22:45:39 发布

帆仔哟

最新推荐文章于 2024-11-10 22:45:39 发布

阅读量176

点赞数

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

本文链接：https://blog.csdn.net/FanZaiYo/article/details/131412523

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在前端开发中，当新增一个属性且该属性包含列表时，需确保列表中的编码不重复。在提交前，使用JavaScript进行校验，通过遍历集合并利用`Array.includes()`方法检查新编码是否已存在于列表中，如果不存在则添加至列表。

摘要由CSDN通过智能技术生成

需求：前端新增某个属性时，该属性下可新增列表，列表编码禁止重复（未提交该属性时前端校验列表编码是否重复）

js：新增后校验

let arrayCode
if (this.collectionPointList.length == 0) {
    this.collectionPointList.push(this.form1)
    this.open = false
} else {
    //获取集合的编码
    let listCodes = this.collectionPointList.map(item => item.code)
    //判断表单中编码是否在集合中存在。此处判断，存在为true，不存在为false
    arrayCode = listCodes.includes(this.form1.code)
    //若不存在即添加
    if (!arrayCode) {
        this.collectionPointList.push(this.form1)
        this.open = false
    }