What is this
This is a concise front-end application developed with vuejs. You can create a beautiful form with drag and drop visualization.
You can get inspiration from it to make a draggable form; at the same time, you can also modify it to suit your own needs.
Supports 8 custom components：
- Text Field
- Multi Select
How to use
You can either carry out secondary development on the basis of the downloaded source code,
or you can just pick out the part you need and integrate it into the existing project.
I believe you can get inspiration for implementing similar functions from this code
1: There is a dist directory in the file you downloaded, which contains the compiled static resources. You can execute the npx serve command to access these resources in your local browser
Then visit http://localhost:3000
2: You can also execute the following commands to rebuild the application and preview the effect
Form design demonstration
1: Empty canvas state
2: When you drag a component onto the canvas, you can set the details of this component in the Component Setting area on the right
Form preview demonstration
IE11, Firefox, Safari, Opera, Chrome, Edge