组件中获取表单上下文
FormCreate 在生成自定义组件时,会自动向组件注入一些有用的参数。通过 props.formCreateInject
可以获取。
属性说明
属性名 | 类型 | 说明 |
---|---|---|
api | Object | 表单API实例 |
form | Function | 表单创建函数 |
slots | Function | 获取表单插槽 |
options | Array | rule.options 配置选项 |
children | Array | 子元素数组 |
preview | boolean | 预览模式标志 |
id | string/Number | 唯一标识符 |
input | boolean | 是否是表单组件 |
field | string | 表单字段名 |
rule | Object | 表单规则配置 |
t | Function | 多语言翻译函数 |
获取上下文
在自定义组件中通过 formCreateInject 属性获取表单的上下文信息,使组件能够访问表单的API实例、数据状态等,实现与表单的深度集成和交互。
vue
<script>
export default defineComponent({
props: {
formCreateInject: Object
}
})
</script>
在 Setup 中使用
vue
<script setup>
const props = defineProps({formCreateInject: Object});
</script>
通过掌握以上自定义组件的生成和操作方法,您可以在 FormCreate 中实现几乎任何复杂的表单需求。无论是简单的按钮,还是复杂的动态表单项。