@imengyu/vue-dynamic-form

A data driven form component for vue3
2,220
vue form dynamic-form
Install
npm install @imengyu/vue-dynamic-form
Latest Version:0.2.0
Vue:3
License:MIT
Last Updated:May 14, 2026
Links: npm
Maintainer: imengyu

vue-dynamic-form

English | 中文

vue-dynamic-form 一个用数据驱动的 Vue3 动态表单组件。

文档

查看文档。

安装

# npm 
npm i @imengyu/vue-dynamic-form

# or yarn
yarn add @imengyu/vue-dynamic-form

简介

设计参考了 阿里的 XRender。

在中后台开发中，我们经常会使用表单提交数据，表单提交数据占据开发的多半时间， 当表单特别多时，手动写表单组件是一件非常麻烦的事情。vue-dynamic-form就是为了解决这个问题而写的， vue-dynamic-form 支持你使用 JSON 数据动态生成表单，只需要传入一个包含各种描述信息的 JSON，就能渲染出一个完整的表单。

本库也可以实现通过后端动态下发表单配置实现动态渲染表单。

vue-dynamic-form 并不是开发中所必须的，它只是一个帮助你加快开发的小组件。

作者公司使用的中后台项目已经全部使用动态表单，省去了80%布局表单的时间，开发效率得到了不少提升（可以用更多时间摸鱼啦🤭）。现在将 vue-dynamic-form 开源，希望可以为你的开发提供便利。

本项目目前还处于早期发布阶段，可能会存在不少问题，如果遇到问题，欢迎在 Github 提出 Issue，我会尽量为你解决！

支持

作者开发不易，如果这个项目对您有帮助，希望你可以帮我点个 ⭐ ，这将是对我极大的鼓励。谢谢啦 (●'◡'●)

作者的其他项目

License

MIT

Related Packages

vjform

Vue JSON Form

3,800 108
dynamic-form form vue json
@schemaform/vue

Vue 3 integration for Formify — SchemaRenderer, SchemaDesigner, built-in widgets

12,287
dynamic-form form vue form-builder schema-designer
jervis-form

A dynamic Vue 3 form library for building configurable forms.

2,032
dynamic-form form vue plugin vuetify
dynamic-form-render

`dynamic-form-render` 是基于`vue.js` ,`element-ui` 的前端动态表单渲染器，可通过...

1,153 8
dynamic-form form vue element-ui form-render
@bach.software/vue-dynamic-form

A simple yet highly extendable dynamic form system, inspired by the flexibility...

1,108 0
dynamic-form form vue typescript vee-validate

Version History

Version Released Vue License
0.2.0 ^3.5.22 MIT
0.1.9 ^3.5.22 MIT
0.1.8 ^3.5.22 MIT
0.1.6 ^3.5.22 MIT
0.1.5 ^3.5.22 MIT