组件分享之前端组件——用于自界说表单的前端组件form-create

源代码 · 2024-10-5 21:31:04

组件分享之前端组件——用于自界说表单的前端组件form-create

配景

近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件举行再次整理一下，形成标准化组件专题，后续该专题将包罗各类语言中的一些常用组件。欢迎各人举行连续关注。
组件根本信息

组件：form-create
开源协议：MIT license
官网：www.form-create.com/v2/

内容

本次分享一款用于自界说表单的前端组件form-create，它可以通过JSON天生动态出现、数据收集、验证和提交功能。支持3个UI框架，并支持天生任何Vue组件。内置20种常用表单组件和自界说组件，无论多么复杂的表单都可以轻松处理。
安装

根据自己利用的 UI 安装对应的版本
iview
npm install @form-create/iviewview-design
npm install @form-create/iview4element-ui
npm install @form-create/element-uiant-design-vue
npm install @form-create/ant-design-vue引入

iview
<script src="//vuejs.org/js/vue.min.js"></script><link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"><script src="//unpkg.com/iview/dist/iview.min.js"></script><script src="//unpkg.com/@form-create/iview/dist/form-create.min.js"></script>element-ui
<script src="//vuejs.org/js/vue.min.js"></script><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="//unpkg.com/@form-create/element-ui/dist/form-create.min.js"></script>ant-design-vue
<script src="//vuejs.org/js/vue.min.js"></script><link href="https://unpkg.com/ant-design-vue@1.5.3/dist/antd.min.css" rel="stylesheet"><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/zh-cn.js"></script><script defer src="https://unpkg.com/ant-design-vue@1.5.3/dist/antd.js"></script><script src="//unpkg.com/@form-create/ant-design-vue/dist/form-create.min.js"></script>NodeJs:
iview
import formCreate from '@form-create/iview'Vue.use(formCreate)element-ui
import formCreate from '@form-create/element-ui'Vue.use(formCreate)ant-design-vue
import formCreate from '@form-create/ant-design-vue'Vue.use(formCreate)更多内容可以参考其官方的REAMDE
本文声明：

知识共享允许协议
本作品由 cn華少采用知识共享署名-非贸易性利用 4.0 国际允许协议举行允许。

组件分享之前端组件——用于自界说表单的前端组件form-create

所属分类: 问答交流

新帖推荐: 30日

推荐作品