基于Vue的低代码可视化表单设计器工具,通过数据驱动表单渲染 用户可以通过可视化界面快速高效地创建表单,提高开发者对表单的开发效率 立即体验GitHub 表单设计器多端适配 轻松应对不同业务场景,为企业提供低代码表单解决方案 👨🏻💻 PC端设计器 📱 移动端设计器 ...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|源码 3.0.0 版本主要更新了以下内容: 适配vue3 适配element-plus 和 ant-design-vue3.0 功能于 2.5....
3年前 package.json feat: 修改name 3年前 prettier.config.js 1.0.0 3年前 tsconfig.json 1.0.0 3年前 vue.config.js feat: 修改name 3年前 README vue3-form-create 基于Vue3.0 + TS 的自定义表单生成器, UI 库使用 element-plus。 什么是表单设计器 ...
支持Vue2 和 Vue3 版本: FormCreate 兼容不同版本的 Vue 项目,确保无缝集成。 支持7 个主流 UI 框架: Element Plus/Element UI Ant Design Vue Naive UI Iview/View Design Arco Design TDesign Vant UI (适用于移动端) 移动端支持: 专为移动端优化,能够生成适配 Vant UI 风格的动态表单。
在Vue 3中,你可以使用setup函数来创建和管理表单。下面是一个示例的setup函数,用于创建一个简单的表单: javascript import { ref, reactive } from 'vue'; export default { setup() { // 创建一个响应式对象来存储表单数据 const formData = reactive({ name: '', email: '', message: '' }); // ...
**Adapting to vue3 version** [开源的vue可视化表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://form-create.com/designer?fr=fc)) ## [中文README](https://github.com/xaboy/form-create/blob/2.5/README_zh-CN.md) 2 changes: 2 additions & 0 deletions 2...
紧跟Vue 3 的发展趋势,使用 Vue 3 开发项目的开发者,可以直接生成的 Vue 3 模板代码,无需手动转换。 7.重写组件验证配置 8.单选和多选组件支持显示输入框 9.支持单独打包FormCreate用于runtime环境 10.支持控制标签区域的显隐 11.数据表格增加合计开关 ...
form-create-designer动态表单组件vue3版本. Latest version: 1.1.23, last published: 9 months ago. Start using wch-vue3-form-create-designer in your project by running `npm i wch-vue3-form-create-designer`. There are no other projects in the npm registry us
resetFields无效 <template> <form-create :rule="rule" v-model:api="fapi" /> <n-button type="primary" @click="reset">重置</n-button> </template> <script setup> import { ref } from "vue"; const rule = ref([ { type: "input", title: "姓名", field: ...
npmi @form-create/tdesign@^3 1. 安装后的初始配置 安装完对应的 FormCreate 版本后,您需要将其引入并配置在 Vue 项目中。以下是通用的配置步骤,具体根据您的项目结构和 UI 框架可能略有不同。 引入和注册 FormCreate 在main.js或main.ts中引入并注册 FormCreate: ...