@ formhaus/ veue (帮助)
Vue 3 中的 JSON 格式定义 : @formhaus/core默认输入。 部分 福伦豪斯。 。 。 .
安装
npm install @formhaus/core @formhaus/vue
要求Vue 3.3 或后期,以及节点 22.12 或后期.
使用量
<script setup lang="ts">
import { FormRenderer } from '@formhaus/vue';
import definition from './contact-form.json';
async function handleSubmit(values: Record<string, unknown>) {
await fetch('/api/contact', {
method: 'POST',
body: JSON.stringify(values),
});
}
</script>
<template>
<FormRenderer :definition="definition" @submit="handleSubmit" />
</template>
特征
- 已建成的字段类型,段,可重复的组和有条件的能见度. 见 字段。 。 。 .
- 多步骤形式 装有生命周期钩子的无线电
autoAdvance时,同步步骤验证和 分支路线。 。 。 . - 自定义组件 通过
components道具,加号HeadlessFormRenderer不让内置的田地从你的捆绑。 整合: 检查。 。 。 . - 动态选择选项
optionsFrom财务报告和审定财务报表optionsProviders。见 字段。 。 。 . - 形式活动 结束
@formEvent为了分析. - 翻译页:1
locale道具 (英语). - 服务器侧验证 定义
@formhaus/core/server。 。 。 . - 福尔豪斯云数字 :
FormhausForm从@formhaus/vue/cloud制作一个已公布的表格并提交主机端点,同时上传文件并检查机器人. - 他们数字 :
import '@formhaus/core/style.css',然后覆盖--fh-*自定义属性. - 坚果 支助.
福尔豪斯云
<script setup lang="ts">
import { FormhausForm } from '@formhaus/vue/cloud';
</script>
<template>
<FormhausForm id="form_id" />
</template>
网络
仅 @formhaus/vue/cloud 进行网络请求.
- 它召唤
https://api.formhaus.cc,或apiBase并装入一个挑战框https://formhaus.cc。 。 。 . @formhaus/vue没有网络请求.
文档
许可证
麻省理工学院