好用的Vue3动态表单生成组件,支持2个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
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。 什么是表单设计器 ...
3 功能说明 远端数据 单选框,多选框,下拉选择框、级联选择器等选择项需要通过数据生成,这时可以配置远端数据。 设置远端方法地址与返回值。 文件上传 填写服务器上传地址、参数名等配置信息。 4 后续规划 目前是 v1.0.0 的初版,后面预计支持更多的功能组件与布局组件,以及对移动端的支持。
将form-create-designer嵌入到Vue3项目中,你需要遵循以下步骤: 1. 在Vue3项目中安装form-create-designer库 首先,你需要在你的Vue3项目中安装form-create-designer库(如果它支持Vue3)。由于form-create-designer的具体安装命令可能因版本而异,以下是一个通用的npm安装命令: bash npm install form-create-designer -...
支持Vue2和Vue3版本: FormCreate 兼容不同版本的 Vue 项目,确保无缝集成。 支持6 个主流 UI 框架: Element Plus Ant Design Vue Naive UI Arco Design TDesign Vant UI(适用于移动端) 移动端支持: 专为移动端优化,能够生成适配 Vant UI 风格的动态表单。
:fire::fire::fire: 强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. - docs: vue3 · TFL-u/form-create@99e58d3
在Vue 3中,你可以使用setup函数来创建和管理表单。下面是一个示例的setup函数,用于创建一个简单的表单: javascript import { ref, reactive } from 'vue'; export default { setup() { // 创建一个响应式对象来存储表单数据 const formData = reactive({ name: '', email: '', message: '' }); // ...
2、form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue,以下3种任选一种安装都OK(由于上面之前安装的UI框架是element-ui,所以就用@form-create/element-ui)【注:除创建项目以外,安装其他所有插件都要在项目根目录(和package.json同级的目录)中,打开命令窗口来执行相应安装命令才...
xaboy1.5kMIT2.6.3 AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
npm i @form-create/ant-design-vue@^3 引入和挂载 js // 引入 form-create 组件库 import formCreate from '@form-create/ant-design-vue'; // 创建 Vue 应用 const app = Vue.createApp({}); // 使用 form-create 插件 app.use(formCreate); // 挂载 Vue 应用 app.mount('#app'); 高级版For...