入口组件,用于下发表单上下文给字段组件,负责整个表单状态的通讯,它相当于是一个通讯枢纽。
type FormProvider = Vue.Component<
any,
any,
any,
{
form: Form // 通过createForm创建的form实例
}
>Form 参考Form
<script setup>
import { createForm } from '@formily/core'
import { Field, FormProvider } from '@silver-formily/vue'
import { ElInput } from 'element-plus'
const form = createForm()
</script>
<template>
<FormProvider :form="form">
<Field name="input" :component="[ElInput]" />
</FormProvider>
</template>