form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 支持vue3 版本 开源的vue可视化表单设计器组件(功能演示) |Vue3版本 支持 iview view-design element-ui ant...
将form-create-designer嵌入到Vue3项目中,你需要遵循以下步骤: 1. 在Vue3项目中安装form-create-designer库 首先,你需要在你的Vue3项目中安装form-create-designer库(如果它支持Vue3)。由于form-create-designer的具体安装命令可能因版本而异,以下是一个通用的npm安装命令: bash npm install form-create-designer -...
element-plus版本 npm i @form-create/element-ui@next ant-design-vue@3.0版本 npm i @form-create/ant-design-vue@next 快速上手 本文以element-ui为例 在main.js 中写入以下内容: import ElementUI from 'element-plus/es/index'import'element-plus/dist/index.css'import formCreate from'@form-create/...
在Vue 3中,你可以使用setup函数来创建和管理表单。下面是一个示例的setup函数,用于创建一个简单的表单: javascript import { ref, reactive } from 'vue'; export default { setup() { // 创建一个响应式对象来存储表单数据 const formData = reactive({ name: '', email: '', message: '' }); // ...
基于Vue3.0的表单设计器. Contribute to fuchengwei/vue-form-create development by creating an account on GitHub.
官网地址:http://www.form-create.com,之前是Vue2版的,现在也有Vue3版本了。表单渲染能支持5种UI框架:ElementPlus,Ant-design-vue,naive-ui,arco-design,TDesign,但表单设计器只能用Element Plus。 表单设计器源码:https://github.com/xaboy/form-create-designer/tree/next ...
vue3-form-design 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 master 克隆/下载 git config --global user.name userName git config --global user.email userEmail 分支1 标签0
参考form-create-designer 源码升级而成的vue3版本,依然支持官方插件方法。前端UI组件库:elementPlus, 动态表单组件:formCreate npm npm i wch-vue3-form-create-designer 页面效果 使用 1.全局注册 main.js import { createApp } from 'vue' const app = createApp(App) // 引入设计器样式 import 'wch-vu...
需求: 想要实现这样的一个需求,左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行,又用的form-create-design,但vue3版本的只有element plus库,系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框
(base) dongliangzhi@dongliangzhideMacBook-Pro html % npm create vue@latest Need to install the following packages: create-vue@3.10.2 Ok to proceed? (y) y Vue.js - The Progressive JavaScript Framework ✔ 请输入项目名称: … kaisha-ldap ✔ 是否使用 TypeScript 语法? …否 / 是✔ 是否...