# form-generator-vue3 **Repository Path**: h-z-q/form-generator-vue3 ## Basic Information - **Project Name**: form-generator-vue3 - **Description**: vue3 表单生成;vue3 elementui-next 自动生成代码; vue3 form make - **Primary Language**: JavaScript - **License**: BSD-3-Clause - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 10 - **Forks**: 11 - **Created**: 2021-07-28 - **Last Updated**: 2025-04-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: vue3, form-designer, form-make, element-ui-form ## README ![image](https://ae01.alicdn.com/kf/U51bfb661aba945b48a4c71774421d414C.gif) ## 简介 本项目以 https://github.com/JakHuang/form-generator 为基础,对vue3 和elementu-next 进行了适配 ## 在线预览 [地址](https://yupk.github.io/form-generator-vue3/) ## 使用方法 main.js ``` import { createApp } from 'vue' import App from './App.vue' import vueEditor from "./formEditor"; const app=createApp(App) app.use(vueEditor).mount('#app') //安装表单设计器 ``` 然后就可以在项目任意处调用表单设计器了 如: ``` ``` 封装了 updateCode 事件,你可以通过它接收 生成的 vue 模板字符串,和表单配置json