Skip to content

组件中获取表单上下文

FormCreate 在生成自定义组件时,会自动向组件注入一些有用的参数。通过 props.formCreateInject 可以获取。

属性说明

属性名类型说明
apiObject表单API实例
formFunction表单创建函数
slotsFunction获取表单插槽
optionsArrayrule.options配置选项
childrenArray子元素数组
previewboolean预览模式标志
idstring/Number唯一标识符
inputboolean是否是表单组件
fieldstring表单字段名
ruleObject表单规则配置
tFunction多语言翻译函数

获取上下文

在自定义组件中通过 formCreateInject 属性获取表单的上下文信息,使组件能够访问表单的API实例、数据状态等,实现与表单的深度集成和交互。

vue
<script>
  export default defineComponent({
    props: {
      formCreateInject: Object
    }
  })
</script>

在 Setup 中使用

vue
<script setup>
  const props = defineProps({formCreateInject: Object});
</script>

通过掌握以上自定义组件的生成和操作方法,您可以在 FormCreate 中实现几乎任何复杂的表单需求。无论是简单的按钮,还是复杂的动态表单项。

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用