Skip to content

表单组件

Vue3表单组件是基于Vue.js 3.0开发的可以用于构建各种输入表单的组件,包括输入框、下拉框、单选框、复选框、日期选择和文件上传等表单元素。它提供强大的数据绑定和验证机制,可以方便地与Vue3数据绑定结合使用。Vue3表单组件的使用简单,只需要在页面中引入相关组件,并编写对应的数据绑定和事件处理,即可快速搭建一个完整的表单界面

Vue Formulate

Vue Formulate是一个灵活的表单组件库,可满足各种表单需求。它支持多种表单字段类型,包括文本框、下拉框、单选框、复选框等,并支持自定义表单字段类型。此外,它还支持多语言和国际化、表单校验和异步验证等功能。 Vue Formulate使用简单,可以快速集成到项目中。同时,它得到及时更新,支持Vue 3.x版本。

GitHub stars

资源地址

特点

  • 灵活的表单组件库,支持多种表单字段类型
  • 支持自定义表单字段类型
  • 支持多语言和国际化
  • 支持表单校验和异步验证
  • 易于使用,可快速集成到项目中
  • 提供详细的文档和示例展示
  • 支持服务器端渲染

VeeValidate 4

VeeValidate 4 是一个简单易用、灵活的表单验证库,可以轻松地对表单进行验证。它支持多种验证规则,包括必填、格式验证、长度验证等,并支持自定义验证规则。此外,它还支持国际化、异步验证、验证消息定制和多触发方式等功能。VeeValidate 4 易于使用,可以与多种前端框架进行集成,如 Vue、React、Angular 等。

GitHub stars

资源地址

特点

  • 简单易用、灵活的表单验证库。
  • 支持多种验证规则,包括必填、格式验证、长度验证等。
  • 支持自定义验证规则,并且可以重用。
  • 支持国际化、异步验证、验证消息定制和多触发方式等功能。
  • 易于使用,可以与多种前端框架进行集成,如 Vue、React、Angular 等。
  • 受到广泛的社区支持,得到持续更新和维护。

vue-final-form

vue-final-form 是一个基于 Vue.js 的表单管理库,可以方便地管理表单状态和表单数据。它支持多种表单字段类型,包括文本框、下拉框、单选框、复选框等,并支持自定义表单字段类型。此外,它还支持表单验证和异步验证等功能,可以轻松地实现表单的校验。vue-final-form 对原始表单数据进行了拷贝,实现了“不变性”,这可以使表单状态管理更加简单。vue-final-form 易于使用,可以与 Vue.js 紧密集成。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的表单管理库,可以方便地管理表单状态和表单数据。
  • 支持多种表单字段类型,包括文本框、下拉框、单选框、复选框等。
  • 支持自定义表单字段类型。
  • 支持表单验证和异步验证等功能,可以轻松地实现表单的校验。
  • 实现了表单数据的“不变性”,可以使表单状态管理更加简单。
  • 易于使用,可以与 Vue.js 紧密集成。
  • 提供详细的文档和示例展示。

v-select

v-select 是一个基于 Vue.js 的下拉选择框组件,提供了多种下拉选择框的UI样式和功能。通过 v-select 组件,用户可以方便地选择一个或多个选项,并且可以自定义选项的展示样式和筛选规则等。v-select 支持异步加载选项和远程搜索等功能,并且可以非常方便地集成到 Vue.js 项目中。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的下拉选择框组件,提供了多种下拉选择框的UI样式和功能。
  • 支持单选和多选模式,可以自定义选项的展示样式和筛选规则等。
  • 支持异步加载选项和远程搜索等功能。
  • 易于使用,可以非常方便地集成到 Vue.js 项目中。
  • 支持自定义选项模板和选项加载提示等功能。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

Vue Formily

Vue Formily 是一个基于 Vue.js 的表单管理框架,它简化了表单的开发和管理流程,提供了可扩展的表单组件和表单数据管理工具。Vue Formily 支持自定义表单组件、表单校验、表单联动、表单数据绑定等功能,并且可以非常方便地集成到 Vue.js 项目中。Vue Formily 还支持 JSON Schema,可以根据 JSON Schema 自动生成表单。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的表单管理框架,简化了表单的开发和管理流程。
  • 提供可扩展的表单组件和表单数据管理工具。
  • 支持自定义表单组件、表单校验、表单联动、表单数据绑定等功能。
  • 支持 JSON Schema,可以根据 JSON Schema 自动生成表单。
  • 易于使用,可以非常方便地集成到 Vue.js 项目中。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

vue-form-generator

vue-form-generator 是一个基于 Vue.js 的表单生成器库,可以快速地生成表单,而无需手动编写 HTML 及相关表单逻辑代码。它提供了多种表单字段类型和 UI 样式,支持表单验证、表单联动等常用功能,并且可以方便地自定义表单字段类型和表单验证规则。vue-form-generator 可以轻松地集成到 Vue.js 项目中,提高开发效率,减少工作量。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的表单生成器库,可以快速地生成表单。
  • 提供多种表单字段类型和 UI 样式,支持表单验证、表单联动等常用功能。
  • 可以方便地自定义表单字段类型和表单验证规则。
  • 支持动态表单和多级表单等高级功能。
  • 易于使用,可以轻松地集成到 Vue.js 项目中。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

Vue Form Wizard

Vue Form Wizard 是一个基于 Vue.js 的多步骤表单组件库,可以方便地构建复杂的多步骤表单。它使用简单,可自定义,提供了多种样式和功能,支持表单验证和表单数据管理等常用功能。Vue Form Wizard 还支持动态表单字段和表单联动等高级功能,可以轻松地应用于各种应用场景。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的多步骤表单组件库,可以方便地构建复杂的多步骤表单。
  • 使用简单,可自定义,提供了多种样式和功能。
  • 支持表单验证和表单数据管理等常用功能。
  • 支持动态表单字段和表单联动等高级功能。
  • 易于使用,可以轻松地集成到 Vue.js 项目中。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

Vue JSON Schema Form

Vue JSON Schema Form 是一个基于 Vue.js 和 JSON Schema 的表单生成器库,可以根据 JSON Schema 自动生成表单。它提供了多种表单字段类型和 UI 样式,支持表单验证和表单联动等常用功能,并且可以方便地自定义表单字段类型和表单验证规则。Vue JSON Schema Form 可以轻松地集成到 Vue.js 项目中,提高开发效率,减少工作量。

GitHub stars

资源地址

特点

  • 基于 Vue.js 和 JSON Schema 的表单生成器库,可以根据 JSON Schema 自动生成表单。
  • 提供多种表单字段类型和 UI 样式,支持表单验证和表单联动等常用功能。
  • 可以方便地自定义表单字段类型和表单验证规则。
  • 支持多语言和动态表单等高级功能。
  • 易于使用,可以轻松地集成到 Vue.js 项目中。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

Vue FormBuilder

Vue FormBuilder 是一个基于 Vue.js 的表单生成器库,可以快速地生成表单,而无需手动编写 HTML 及相关表单逻辑代码。它提供了多种表单字段类型和 UI 样式,支持表单验证、表单联动等常用功能,并且可以方便地自定义表单字段类型和表单验证规则。Vue FormBuilder 可以轻松地集成到 Vue.js 项目中,提高开发效率,减少工作量。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的表单生成器库,可以快速地生成表单。
  • 提供多种表单字段类型和 UI 样式,支持表单验证、表单联动等常用功能。
  • 可以方便地自定义表单字段类型和表单验证规则。
  • 支持多语言和动态表单等高级功能。
  • 易于使用,可以轻松地集成到 Vue.js 项目中。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

Vue Formulate

Vue Formulate 是一个基于 Vue.js 的表单生成器库,可以方便地构建复杂的表单。它提供了多种表单字段类型和 UI 样式,支持表单验证和表单数据管理等常用功能,并且可以方便地自定义表单字段类型和表单验证规则。Vue Formulate 还支持表单联动、动态表单字段和异步数据加载等高级功能,可以轻松地应用于各种应用场景。

GitHub stars

资源地址

特点

  • 基于 Vue.js 的表单生成器库,可以方便地构建复杂的表单。
  • 提供多种表单字段类型和 UI 样式,支持表单验证和表单数据管理等常用功能。
  • 可以方便地自定义表单字段类型和表单验证规则。
  • 支持表单联动、动态表单字段和异步数据加载等高级功能。
  • 易于使用,可以轻松地集成到 Vue.js 项目中。
  • 提供详细的文档和示例展示。
  • 受到广泛的社区支持,得到持续更新和维护。

Released under the MIT License.