elementui校验（后端获取的数据将进行校验）

最新推荐文章于 2024-08-15 23:45:38 发布

知了枝头看雪

最新推荐文章于 2024-08-15 23:45:38 发布

阅读量67

点赞数 2

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/weixin_44941581/article/details/141193574

版权

              <el-form-item prop="MVIEW" label="数据库表名称">
                <el-input v-model="formObj.MVIEW" size="small" placeholder="请输入数据库表名称" disabled>
                </el-input>
              </el-form-item>

data() {
    // 校验表在数据库中是否存在
    const checkTableInDB = (rule, value, callback) => {
      // 编辑时 数据库表名称不走校验
      if (value && this.dialogInfo.type === 'add') {
        // 后端api接口
        verifyExistTable({
          TABLENAME: value
        }).then(res => {
          if (res && res.code === 200) {
            if (res.data) {
              callback(new Error('当前表名已存在'))
            } else {
              callback()
            }
          }
        })
      } else {
        callback()
      }
    }
    return {
    rules: {
        MVIEW: [
          { required: true, message: '数据库表名称不能为空', trigger: 'blur' },
          { validator: checkTableInDB, trigger: 'blur' }
        ]
      }
    }
    
}