More Premium Hugo Themes Premium Vue Themes

Vue Json Schema Form

基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi

Vue Json Schema Form

基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi

Author Avatar Theme by lljj-x
Github Stars Github Stars: 2241
Last Commit Last Commit: Aug 5, 2025 -
First Commit Created: Aug 27, 2024 -
Vue Json Schema Form screenshot

Overview:

The vue-json-schema-form is a library based on Vue2/Vue3 and JSON Schema that generates fully validated form fields. It allows for rapid configuration of personalized UI views and error messages for form validation, compatible with popular UI libraries.

Features:

  • Vue2 and Vue3 Support: Compatible with both Vue2 and Vue3 frameworks.
  • JSON Schema Generation: Generates form fields based on JSON Schema.
  • Validation: Provides complete validation for form fields.
  • UI Library Support: Compatible with Vue2 ElementUi, Vue2 Iview, Vue3 Element Plus, Vue3 Ant Design Vue, and Vue3 NaiveUi libraries.

Installation:

To install the theme, follow these steps:

  1. Install dependencies.
npm install vue-json-schema-form
  1. Run the Playground, Form Schema Generator, and Activity Editor simultaneously.
  2. For faster compilation, run individually by specifying the entry.

Summary:

The vue-json-schema-form is a versatile library that simplifies the process of generating fully validated form fields based on JSON Schema. Compatible with Vue2 and Vue3 frameworks, it also offers support for popular UI libraries like Element Ui, Iview, Element Plus, Ant Design Vue, and NaiveUi. Its ease of use and customization options make it a valuable tool for developers looking to streamline form development and validation processes.