English | Chinese
vue-dynamic-form is a data-driven Vue3 dynamic form component.
View the documentation.
# npm
npm i @imengyu/vue-dynamic-form
# or yarn
yarn add @imengyu/vue-dynamic-form
The design refers to Alibaba’s XRender.
In mid- and back-end development, we often use forms to submit data. Form submission data takes up most of the development time. When there are many forms, it is very troublesome to manually write form components. vue-dynamic-form was written to solve this problem. vue-dynamic-form supports you to use JSON data to dynamically generate forms. You only need to pass in a JSON containing various description information to render a complete form.
vue-dynamic-form is not necessary for development, it is just a small component to help you speed up development.
All the mid- and back-end projects used by the author's company use dynamic forms, which saves 80% of the time of laying out forms, and the development efficiency has been greatly improved (can you use more time to fish?). Now vue-dynamic-form is open source, hoping to facilitate your development.
This project is still in the early release stage, and there may be many problems. If you encounter problems, you are welcome to raise an issue on Github, and I will try my best to solve it for you!
It is not easy for the author to develop. If this project is helpful to you, I hope you can help me. This will be a great encouragement to me. Thank you (●'◡'●)
MIT