-
客服电话
-
APP下载
迪恩网络APP
随时随地掌握行业动态
-
官方微信
扫描二维码
关注迪恩网络微信公众号
客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
开源软件名称：form-create开源软件地址：https://gitee.com/xaboy/form-create开源软件介绍： form-create
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 支持 vue3 版本 开源的vue可视化表单设计器组件 (功能演示)| Vue3版本 支持
如果您有适合 form-create 的表单组件, 欢迎点击这里留言
文档包说明
示例图例
安装
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引入CDN: iview <!-- import Vue.js --><script src="//vuejs.org/js/vue.min.js"></script><!-- import stylesheet --><link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"><!-- import iView --><script src="//unpkg.com/iview/dist/iview.min.js"></script><!-- import form-create/iview --><script src="//unpkg.com/@form-create/iview/dist/form-create.min.js"></script>element-ui <!-- import Vue.js --><script src="//vuejs.org/js/vue.min.js"></script><!-- import stylesheet --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- import element --><script src="https://unpkg.com/element-ui/lib/index.js"></script><!-- import form-create/element --><script src="//unpkg.com/@form-create/element-ui/dist/form-create.min.js"></script>ant-design-vue <!-- import Vue.js --><script src="//vuejs.org/js/vue.min.js"></script><!-- import stylesheet --><link href="https://unpkg.com/[email protected]/dist/antd.min.css" rel="stylesheet"><!-- import moment --><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><!-- import ant-design-vue --><script defer src="https://unpkg.com/[email protected]/dist/antd.js"></script><!-- import form-create --><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)使用<form-create :rule="rule" v-model="fApi" :option="options" :value.sync="value"/>export default { data(){ return { fApi:{}, value:{field1:'111',field2:'222',time:'11:11:11'}, options:{ onSubmit:(formData)=>{ alert(JSON.stringify(formData)) } }, rule:[ {type:'input', field:'field1',title:'field1',value:'aaa'}, {type:'input', field:'field2',title:'field2',value:'sss'}, {type:'timePicker', field:'time',title:'time',value:'12:12:12'}, { type:'ElButton', title:'修改 field1', native: false, on:{ click: ()=>{ this.rule[0].value+='a' } }, children: ['点击'], } ] } }}示例下载项目 $ git clone https://github.com/xaboy/form-create.git$ cd form-create安装依赖 $ npm run bootstrap查看 iview 示例 $ npm run dev:iview查看 view-design 示例 $ npm run dev:iview4查看 element-ui 示例 $ npm run dev:ele查看 ant-design-vue 示例 $ npm run dev:antd感谢时光弧线 | wxxtqk | williamBoss | HeyMrLin | djkloop | JetBrains 捐赠
联系email : [email protected]LicenseCopyright (c) 2018-present xaboy  |
2022-08-15
2022-08-17
2023-10-27
2022-09-23
2022-08-13
六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
请发表评论