Ant-design中表单多级对象做嵌套表单校验

在 useForm中拿到一个validateInfos,并传入formData和rules,在FormItem中绑定name名

完整代码如下

<template>
    <Form class="enter-x pt-4" :model="formData" ref="formRef">
        <Row>
            <Col class="mb-3" :span="24">
              <FormItem class="w-24 inline-block align-middle mb-0 mr-3" v-bind="validateInfos['sysOperElectric.green_min_rate']">
                <InputNumber
                  v-model:value="formData.sysOperElectric.green_min_rate"
                  :placeholder="t('routes.operConfig.min')"
                />
              </FormItem>
              <span class="mx-2 text-sm text-slate-400">~</span>
              <FormItem class="w-24 inline-block align-middle mb-0 mr-3" v-bind="validateInfos['sysOperElect

相关推荐

  1. Ant-design中表多级对象嵌套校验

    2024-04-24 13:56:05       38 阅读
  2. Ant-Design-vue的编辑功能数据的回显

    2024-04-24 13:56:05       45 阅读
  3. Ant Design Vue组件a-form-item-rest使用

    2024-04-24 13:56:05       64 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-24 13:56:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-24 13:56:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-24 13:56:05       87 阅读
  4. Python语言-面向对象

    2024-04-24 13:56:05       96 阅读

热门阅读

  1. springboot @Validated的概念以及实战

    2024-04-24 13:56:05       39 阅读
  2. MySQL数据库-左右外链接

    2024-04-24 13:56:05       32 阅读
  3. 数据库审计

    2024-04-24 13:56:05       30 阅读
  4. keyguardManager.isKeyguardLocked()在oppo手机上返回错误

    2024-04-24 13:56:05       35 阅读
  5. LeetCode 0039.组合总和:回溯 + 剪枝

    2024-04-24 13:56:05       35 阅读
  6. 神经网络进阶学习文章(一)

    2024-04-24 13:56:05       41 阅读
  7. python 常用库

    2024-04-24 13:56:05       32 阅读
  8. spring提高并发能力

    2024-04-24 13:56:05       38 阅读
  9. linux redis 开机自启

    2024-04-24 13:56:05       38 阅读
  10. 2024.4.22力扣每日一题——组合总和 Ⅳ

    2024-04-24 13:56:05       25 阅读
  11. 【LeetCode热题100】【多维动态规划】编辑距离

    2024-04-24 13:56:05       35 阅读