form-create

最新推荐文章于 2022-08-10 16:51:58 发布
最新推荐文章于 2022-08-10 16:51:58 发布
阅读量200 收藏
点赞数
分类专栏： Vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31967569/article/details/118149423
版权

组件 数据处理 渲染 自定义组件 JSON
关键词由CSDN通过智能技术生成
前端 同时被 2 个专栏收录
268 篇文章 9 订阅
订阅专栏
Vue
218 篇文章 18 订阅
订阅专栏

 

自定义组件过程：

 

 导出：

注册组件名字：

 

定义rule数据体：

 上面的json数据通过内部系统在组件内部接收：

在这里处理数据和渲染组件：

 

IT 哈
关注
专栏目录
java动态构建表单_Vue - 提交动态创建的表单
weixin_29488835的博客
03-08 513
我正在使用从后端获得的数据动态创建表单：{"title": "Contact Me","fields": [{"label": "Name","type": "textbox","required": "1"},{"label": "Email","type": "email","required": "1"},{"label": "Message","type": "textarea","req...
form-create使用总结
風缘的博客
10-22 2万+
给表单项加className方便调整样式 rule: [ { type: 'input', title: '货物总毛重（KG）', // label名称 field: 'totalGrossWt', // 字段名称 value: '', // input值, col: {span: 16, labe...
form-create 动态生成input blur事件
weixin_38673922的博客
01-21 576
form-create动态生成input 失焦事件 一、代码块 <form-create v-model="fApi" :rule="rule" :option="option" @input-field-blur="blur"></form-create> export default { data() { return { rule:[{ type: 'input', field: 'inputField', title
form-create的基本使用
Start的小笔记
08-10 4074
form-create的基本使用
java获取vue的url_VueJS 取得 URL 参数值的方法
weixin_34333047的博客
02-28 544
先给大家介绍下VueJS取得URL参数vuejs取得URL中参数的值结果：001console.log(this.$route.query.id)PS：下面给大家介绍下vue自定义表单生成器可根据json参数动态生成表单效果介绍form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义...
前端表单神器form-create，复杂表单轻松搞定
CRMEB小程序商城的博客
02-20 2088
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 JSON 支持使用 json 数据生成表单。 自定义组件 支持生成任何组件，提升表单的灵活性，可以实现功能更复杂的表单。 适配多个UI框架 已适配iview,view-design,element-ui,ant-design-vue框架。 双向数据绑定 生成规则变化后，页面会实时更新。 .
总结一下我个人使用form-create后遇到问题的解决办法
qq_41891573的博客
10-08 5132
应公司需求，做了一个自定义表单，拖动控件，拼凑出自己想要的表格，比如“请假申请表”、“转正申请表”、费用申请表等等。自定义表单做好后，那么问题来了，如何动态展示已经拼凑好的各个元素呢？ 上网找到了 form-create ,这时候的百度，好像现在也只能找到这个自定义表单生成器，估计用起来比较简单吧，个人用起来也觉得刚好够用，只是有些地方教程写得不全面，坑还是有的。下面总结一下我个人使用后遇到问题的...
Java form表单原理,动态表单及动态建表实现原理[Java编程]
weixin_28747829的博客
03-19 975
赞助商链接本文“动态表单及动态建表实现原理[Java编程]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：1 利用场景项目中常常需求动态的成立一个表单,大概增添一个新的数据模板,这时刻因为需求在运行时动态的成立表以及动态的保护表字段乃至表关系 使得普通java办理筹划变得艰难重重.2 实现工具Hibernate ...
Intellij IDEA 16 通过GUI Form 创建图形界面的方法( JAVA )
热门推荐
amoxu
12-23 13万+
在Project下new 一个Module． 在项目下的src文件夹上右键,新建GＵＩ　Ｆｏｒｍ． 绘制一个自己的界面． 在界面上任意选择一个组件，然后点Ｆ４，跳转到GUI所绑定的Class对象,找到主panel的位置,点击Alt+insert,弹出快捷操作. 点击Form main(), 即可创建main() 并且初始化界面. 然后修改Rnn/debug的设置...
java自动生成表单简单实例
weixin_33682719的博客
03-20 1968
数据库表设置 tb_form（form表单） 字段 类型 约束 说明 Id Int 主键 主键 Formid Varchar2(20) 唯一 Form表单id的值 Action Varchar2(20) 唯一...
JS 表单生成器 form-create
前端栈开发
08-03 1万+
form-create 详细介绍 form-create 具有数据收集、校验和提交功能的表单生成器，支持双向数据绑定和事件扩展，组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,颜色选择,滑块,评分,框架,文件/图片上传等功能组件。 如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ 1.3 版本重大更新 优化和精简内部结构 ...
form-create教程:自定义布局,实现一行多个组件
weixin_30411997的博客
07-29 2361
本文将介绍form-create如何自定义布局,实现一行多个组件 form-create是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 如果对您有帮助，您可以在GitHub上给作者点个"Star" 支持一下 谢谢！ 通过设置生成规则...
表单自动生成器form-create介绍：可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器
YunWisdom
12-28 4068
表单自动生成器form-create介绍 可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器 介绍 轻松搞定 form 表单,让你不在为表单而烦恼 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 ...
vue中使用form-create实现动态表单
weixin_44111864的博客
11-12 4733
文章目录前言一、form-create是什么？二、使用步骤1.引入库2.组件中使用3.页面效果三、总结 前言 项目中需要实现动态生成表单，经过调研，决定使用form-create插件来实现，非常简单，带大家了解一下 一、form-create是什么？ form-create是一个通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持element-ui、iview、ant-design3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以
form-create和form-create-designer创建自定义组件
最新发布
07-28
form-create 是一个基于 Vue 的表单生成器，它可以帮助开发者快速生成复杂的表单，并且支持自定义组件。form-create-designer 是 form-create 的可视化设计器，它提供了一个可视化界面，让开发者可以直接在界面上进行表单的设计和配置。 要创建自定义组件，首先需要定义一个 Vue 组件，并将其注册到 form-create 中。下面是一个简单的示例： ```vue <template> <div> <input v-model="value" :placeholder="placeholder"> </div> </template> <script> export default { name: 'CustomInput', props: { value: { type: String, default: '' }, placeholder: { type: String, default: '' } } } </script> ``` 然后，在使用 form-create 的地方，可以通过 `fc.component` 方法注册这个自定义组件： ```javascript import fc from 'form-create' import CustomInput from './CustomInput.vue' fc.component('custom-input', CustomInput) ``` 注册完成后，就可以在表单配置中使用这个自定义组件了： ```javascript const form = new fc.Form() form.setFields([ { type: 'custom-input', field: 'custom', title: 'Custom Input' } ]) form.render() ``` 这样就可以在表单中使用自定义组件 `custom-input` 了。在实际使用中，你可以根据需要定义更复杂的自定义组件，并在 form-create 中进行注册和使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值