树形数据的表单自定义校验，同级名称不可重复

最新推荐文章于 2023-05-06 11:41:51 发布

励志成为前端大佬

最新推荐文章于 2023-05-06 11:41:51 发布

阅读量190

点赞数 2

分类专栏： js vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/lizhichengwei/article/details/128550679

版权

js 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

vue

21 篇文章 0 订阅

订阅专栏

 // 权限名称的自定义校验
    const validName = (rules, value, callback) => {
      let originName = this.originList.filter(item => item.pid === this.formData.pid).map(item => item.name)
      console.log(originName)
      if (this.isEdit) {
        // 当前自己的pid
        const pid = this.originList.find(item => item.id === this.curId).pid
        // 自己抛出去，把兄弟留在黑名单，和自己的pid相同的就是自己的pid
        originName = this.originList.filter(item => item.id !== this.curId && item.pid === pid).map(item => item.name)
        console.log(originName)
      }
      if (originName.includes(value)) {
        callback(new Error(value + '已存在'))
      } else {
        callback()
      }
    }
    // 权限标识的自定义校验
    const validCode = (rules, value, callback) => {
      let originCode = this.originList.map(item => item.code)
      console.log(originCode)
      if (this.isEdit) {
        originCode = this.originList.filter(item => item.id !== this.curId).map(item => item.code)
        console.log(originCode)
      }
      if (originCode.includes(value)) {
        callback(new Error(value + '已存在'))
      } else {
        callback()
      }
    }