Skip to content
关注微信公众号,获取最新动态

GenerateAntdForm

Ant Design 风格的表单生成器组件,使用方法同 GenerateForm

代码演示

需要安装并引入 Ant Design Vue,详细请查看 Ant Design Vue 文档

js
import Antd from 'ant-design-vue'
import { Form } from 'ant-design-vue'
import 'ant-design-vue/dist/reset.css'

app.use(Antd)
// 需要提供 useInjectFormItemContext 依赖,以便表单能实时校验
app.provide('useInjectFormItemContext', Form.useInjectFormItemContext)
vue
<template>
  <fm-generate-antd-form 
    :data="jsonData"
    ref="generateForm">
  </fm-generate-antd-form>
</template>

<script setup>
import { ref } from 'vue'

const generateForm = ref()

const jsonData = {} // 表单 JSON Schema
</script>

API

GenerateForm API