vue验证表中内容是否存在

最新推荐文章于 2023-06-01 15:15:48 发布

petter♛

最新推荐文章于 2023-06-01 15:15:48 发布

阅读量756

点赞数 2

分类专栏：心得文章标签： vue

本文链接：https://blog.csdn.net/weixin_50328560/article/details/112612066

版权

心得专栏收录该内容

27 篇文章 1 订阅

订阅专栏

验证表中内容是否存在

data(){
	rules: [
        { required: true, message: '请输入供应商编码', trigger: 'blur' },
        { max: 20, message: '最大长度在20个字符', trigger: 'blur' },
        { validator: this.validatorCode, trigger: 'blur' }
     ]
  },
}

编码检查

// 编码检查
    async validatorCode(rule, value, callback) {
      if (!value) {
        return callback(new Error('供应商编码不能为空'))
      }

      // 如果和旧code一致 且不为添加状态 则无需处理
      if (value === this.formData.oldCode && this.type !== 'add') {
        return callback()
      }

      const { data } = await getBySupplierCode(value)
      if (data) {
        callback(new Error('供应商编码已经存在'))
      } else {
        callback()
      }
    },