@imengyu/vue-dynamic-form NPM

vue-dynamic-form

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

文档

demo

安装

# 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 开源，希望可以为你的开发提供便利。