今天给大家分享一款 vue3.x 可视化低代码表单设计器Vue3FormMaking。

FormMaking V3 是 Vue 3.x 升级版本，基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器，可以生成 Element 和 Antd 样式的表单。

安装

选择V3版本下载，下载后将其解压到项目中。

引入组件

import { createApp } from 'vue'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import FormMakingV3 from '@/form-making-v3'
import '@/form-making-v3/dist/index.css'

import App from './App.vue'

createApp(App).use(ElementPlus).use(FormMakingV3).mount('#app')

使用组件

<template>
  <fm-making-form 
    ref="makingform" 
    style="height: 500px;" 
    preview 
    generate-code 
    generate-json
  >
  </fm-making-form>
</template>

非常高人气的一款可视化拖拽低代码设计器，感兴趣的可以去看看。

// 文档地址
https://form.making.link/docs/
// 仓库地址
https://github.com/GavinZhuLei/vue-form-making

好了，今天的分享就到这里。