Form Generator扩展 文本 组件

已于 2023-07-13 10:18:38 修改
阅读量1.1k 收藏 5
点赞数 2
分类专栏： form generator扩展组件系列 (超级详细) 文章标签： vue.js 前端 javascript 开发语言 elementui
于 2023-03-10 16:36:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19991931/article/details/129427198
版权
本文介绍了如何在form-generator中从零开始扩展一个文本组件，包括新建ts-text.vue文件，配置config.js，修改RightPanel.vue和html.js。通过这些步骤，你可以将自定义的ts-text组件集成到form-generator中，实现拖拽和运行的功能。
摘要由CSDN通过智能技术生成

一、form-generator是什么？✨ ⭐️ 🌟 

form-generator的作者是这样介绍的：Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

但目前它提供的组件并不能满足我们在项目中的使用。所以该专栏主要讲解如何在该项目中从零开始扩展每一个组件。

扩展主要包含Element UI中的卡片、步骤条、table列表、折叠面板、树形控件以及自定义组件等等10余个组件的详细扩展方法。

其中不包含子表单、表格布局。因为这两个组件涉及到的代码量实在很大，没办法写博文。感兴趣的小伙伴可以看看大概的效果

了解本专栏 订阅专栏 解锁全文
Etc.End
关注
专栏目录
订阅专栏
Form Generator 扩展子表单组件(超详细)
Etc.End的博客
04-24 4028
的作者是这样介绍的：Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。扩展主要包含Element UI中的卡片、步骤条、table列表、折叠面板、树形控件以及自定义组件等等10余个组件的详细扩展方法。因为这两个组件涉及到的代码量实在很大，没办法写博文。感兴趣的小伙伴可以看看大概的效果。但目前它提供的组件并不能满足我们在项目中的使用。所以该专栏主要讲解如何在该项目中从零开始扩展每一个组件。
Form Generator 扩展子表单组件之表单校验(超详细)
Etc.End的博客
07-21 1496
form-generator中一个非常重要的东西就是render渲染函数。它不仅在这个项目里面，在整个vuejs框架中也是非常的核心。跟template模板开发一样，但是它更接近底层。如果你还不了解render，或者还不是很熟悉的话。建议多看看，多写写。后续不管是普通开发，还是组件的封装。它肯定能给你带来不一样的惊喜。😁 😁 😁我是Etc.End。
form generator 表格编辑下拉选择功能
weixin_44815800的博客
06-17 1099
formGenerator扩展el-table组件并嵌入行内select功能
form_generator
07-03
form_generator index.html - 表单生成器 form.php - 设计表单的显示页面
Element UI 表单设计及代码生成器 - form-generator 教程
最新发布
gitblog_00013的博客
08-08 1037
Element UI 表单设计及代码生成器 - form-generator 教程 form-generator:sparkles:Element UI表单设计及代码生成器项目地址:https://gitcode.com/gh_mirrors/fo/form-generator 1. 项目介绍 form-generator 是一个基于 Element UI 的表单设计与代码生成器工具。它允许用户...
form-generator扩展原生表格，element-table，子表单等组件
热门推荐
Etc.End的博客
06-10 2万+
的作者是这样介绍的：Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。但form-generator提供组件并不能满足我们在项目中的使用，比如表格组件，el-table，子表单等等，在很多项目中会经常使用到。
form generator 实现表格组件扩展
weixin_44815800的博客
08-31 1832
扩展了form-generator项目的表格功能，主要包含表格编辑、动态数据、自定义列渲染格式功能
form-generator:简单表格生成器
05-21
生成器 ＃在终端中的用法-git clone 表单生成器-nodejs server.js >> 将Form构造函数与您的自定义道具一起使用使用一些公共方法获取Form对象。 var yourForm = new Form（yourprops）; #Example：$ .get（'../ json / response.json'，function（data）{var testForm = new Form（data）; $（'body'）。append（testForm.form.get（））; }）; #Methods：公共：yourForm.fields.get（）-返回包含已创建字段的数组。 yourForm.form.get（）-返回整个表单，您可以追加所需的任何内容； ＃典型结构应如下所示： { "method": "POST", "url": "/f
vue-form-generator：Vue.js的基于模式的表单生成器组件
02-06
Vue形式生成器 Vue.js的基于架构的表单生成器组件。 演示版 产品特点 基于模式的React形式 多对象编辑 21种字段类型 内置验证器 核心和完整捆绑包（压缩后分别为41kb和50kb） 自举友好模板 可定制的样式 可以使用自定义字段轻松扩展 ...等等 文献资料 依存关系 vue-form-generator在内部使用和 。 尽管内置字段不需要外部依赖关系，但可选字段可能需要其他库。 这些依赖关系分为两个阵营：jQuery或Vanilla。 您可以在两种风格中找到几乎相同的功能。 最后，您可以选择是否依赖jQuery。 您可以在每个特定组件下的官方找到有关依赖项的详细信息。
form-generator项目集成方案.doc
06-26
form-generator集成到本地项目
form-generator：元素UI表单设计及代码生成器
02-06
简介 元素UI表单设计及代码生成器，可将生成的代码直接运行在基于元素的vue项目中；也可生成JSON表单，使用配套的解析器将JSON解析成真实的表单。 【】【】 【 】【】 友情链接 vue-admin-beautiful- vue-admin-beautiful- pl- 文件 系列教程： JSON解析器 将保存在数据库中的JSON表单，解析成真实的表单 // 安装 npm i form-gen-parser vscode插件 帮助使用元素UI的开发者完成基本的表单代码构建任务，减少重复的劳动。 vscode-plugin分支配套插件为： ；使用插件可快捷打开设计器，直接将代码
vueeleformgenerator是专为vueeleform开发的可视化表单设计工具
08-10
vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具, 让表单开发的效率更上一层楼
Form Generator添加自定义组件，文本组件
letgooo0的博客
05-16 1483
Form Generator扩展自定义组件，文字类型，支持修改字号颜色粗细对齐方式。
深入浅出form-generator扩展组件
weixin_44815800的博客
09-01 2420
全文6000字带你深入浅出form-generator扩展组件的思路和方法，绝对干货
Form Generator扩展 Element Table 表格组件
Etc.End的博客
03-10 2409
Form Generator扩展 Element Table 表格组件。从拖拽到浏览再到解析器。
Vue 表单生成器(Form Generator)made with Vuejs
随便乱写的笔记
04-28 6805
简介及使用教程 Vue 表单生成器(Form Generator)是一个基于Schema的表单生成器组件，可以基于Schema构建反应式表单。 Vue 表单生成器(Form Generator)提供21种字段类型，、也可以使用自定义字段进行扩展。生成的模板对Bootstrap友好，并且可以轻松自定义样式。 安装 Npm npm i vue-form-generator Yarn yarn add vue-form-generator 使用 全局引入 import VueFo..
探索高效开发新工具： JakHuang 的 Form Generator
gitblog_00044的博客
03-20 312
探索高效开发新工具： JakHuang 的 Form Generator form-generator:sparkles:Element UI表单设计及代码生成器项目地址:https://gitcode.com/gh_mirrors/fo/form-generator 项目简介 Form Generator 是一个由JakHuang创建的开源项目，它是一个在线表单构建器，帮助开发者快速生成前端表...
form generator 添加组件
04-28
Form Generator是一种用于快速创建表单的工具，它允许用户使用一系列预定义的组件来构建自定义的表单。在添加组件方面，用户可以从现有组件库中选择所需的组件，也可以自定义组件来满足特定的需求。 在Form Generator中，添加组件的过程非常简单。用户只需点击“添加组件”按钮，然后在弹出的组件库中选择所需的组件即可。组件库中包括了各种类型的组件，如文本框、下拉框、单选框、复选框、日期选择器等。用户可以根据表单的需求选择相应的组件，并自定义组件的属性，如标签名称、默认值、最大长度等。 除了添加现有的组件，用户还可以通过自定义组件来满足特定需求。自定义组件功能允许用户创建自定义的表单组件，并将其添加到组件库中以备后用。用户可以选择各种组件类型，并配置组件的属性，如输入类型、默认值、验证规则等。在自定义组件后，用户可以将其添加到现有表单中，以便在表单中使用。 总之，添加组件是Form Generator中非常重要的功能之一。通过组件库和自定义组件功能，用户可以创建自定义的表单，满足特定的需求，并提高产品的用户体验。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Etc.End

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值