多页面共用表单（简陋的低代码平台）做笔记不喜勿饶，欢迎指点！

已于 2024-04-18 10:02:34 修改
阅读量63 收藏
点赞数 2
文章标签： 低代码 vue.js
于 2024-04-16 15:05:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67281896/article/details/137825831
版权
本文讨论了前端开发中遇到的挑战，涉及多张包含不同字段的表单构建，特别是如何处理复杂的表单结构，如子组件中的输入框、下拉框、时间选择器和文本输入功能。
摘要由CSDN通过智能技术生成

1.前端有十几张表，有不同的字段，表单写起来相当麻烦

2.子组件：

页面表单字段名  1.代表输入框 2.代表下拉框 3.代表时间选择器 4.代表文本输入框

梅比斯神树
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript学习笔记
weixin_42530002的博客
11-04 5783
一、JavaScript 1、字符串 (1)、验证码 (2)、将字符串按照单词进行逆序，空格作为划分单词的唯一条件 (3)、对称数组 (4)、已知一个字符串对象中,英语单词用各种非字母字符分割，统计单词个数 (5)、判断单个字符是否是字母(包含大小写) (6)、实现函数，查找子串出现的次数，返回字符串str中出现substring的次数 (7)、判断是否为邮箱，已知千锋邮箱的用户名只能由数字字母下划线组成，域名为@1000phone.com, (8)、判断单个字符是否符合数字字母下划线 (9)、敏感词过滤
[转]PKM－个人知识体系建设
dbbv11995的博客
07-20 1万+
这里集中了本站所有关于个人知识库、个人知识体系方面的文章，下面是展开的目录： PKM理论和方法 艾宾浩斯与他的遗忘曲线 记忆核系统 资料整理的方法 电子资料整理技巧 图书馆馆藏电子资料管理方法分析 浅谈资料...
前端面试笔记随笔---kalrry
kalrry
04-05 8762
面试笔记---kalrry第一部分：HTML5+CSS31、父元素和子元素宽高不固定，如何实现水平垂直居中2、分别实现骰子中的'一点' 和 '三点' 的布局。3、简述选择器~和+的区别。4、简述box-sizing的有效值以及所对应的盒模型规则。**5、flex中元素的margin是否会合并？**6、简述align-items和align-content的区别。7、简述data:属性的用法（如何设置，如何获取），有何优势？8、简述 title与h1的区别，b与strong的区别，i与em的区别。9、什么是标
读书工作笔记（二）
ZHANG_980的博客
03-11 1234
1.notify()和notifyAll()的本质区别 notify()和notifyAll()都是Object对象用于通知处在等待该对象的线程的方法。两者的最大区别在于： notifyAll使所有原来在该对象上等待被notify的所有线程统统退出wait的状态，变成等待该对象上的锁，一旦该对象被解锁，他们就会去竞争。 notify则文明得多，它只是选择一个wait状态线程进行通知，并使它获得该对...
一些重要的面试题！
弹吉他的ZTT的博客
05-03 4264
1.单例模式可能是代码最少的模式了，但是少不一定意味着简单，想要用好、用对单例模式，还真得费一番脑筋。本文对Java中常见的单例模式写法做了一个总结，如有错漏之处，恳请读者指正。饿汉法顾名思义，饿汉法就是在第一次引用该类的时候就创建对象实例，而不管实际是否需要创建。代码如下：1234567public class Singleton {       private static Singleton...
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
简历资料
刘群智的博客
07-27 1775
专业技能 1.移动端前端开发，PC端前端开发 　　在阿里的几次面试中，总是被问到移动端和PC端有什么区别，当时回答的时候主要是回答了在兼容性、网速、适配、页面布局 等方面的不同，但是还是很不系统，所以这里做一个总结。 第一： PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机， 一般浏览器使用的都是webkit内核，所以说做移...
基于ZigBee的家居控制系统的设计与应用
weixin_30569153的博客
10-18 3481
基于ZigBee的家居控制系统的设计与应用 PPT简介：http://pan.baidu.com/s/1i38PC6D 摘要 智能家居是未来家居的发展方向，其利用先进的网络技术、计算机技术和无线通信技术等将家居中的各种电子电气设备连接起来，统一管理、远程监控和资源共享，实现了高效、便利的生活环境。近些年互联网的迅猛发展，网络的稳定性、安全性和...
解决vue多个路由共用一个页面的问题
08-27
解决 Vue 多个路由共用一个页面的问题 在 Vue 开发中，遇到多个路由需要共用一个页面的需求是非常普遍的，特别是当路由是通过动态添加的，不同的路由展示的东西只是数据不同其他没有变化。这篇文章将与您分享解决 ...
在多个页面使用同一个HTML片段的代码
01-19
问题描述 有一个比较复杂的HTML片段(A)，如果把这个HTML片段嵌入到其他页面中（B,C,D….）...1. 使用IFrame 主页面，点击一个按钮向页面引入一个IFrame： 代码如下: [removed] $(function() { $(“#clickToInsert”)
jQuery学习笔记之控制页面实现代码
10-28
每一段jQuery对应一段html代码，以标记为准则,css为共用代码，每段代码需独立运行。html和css代码在文章尾部，如下例
asp.net 参数不同共用一个页面的实现方法
10-26
本文为大家介绍下asp.net参数不同如何共用一个页面，感兴趣的朋友不要错过
android 抽屉菜单和多页面共用一个菜单
04-08
为了实现多页面共用一个菜单，你需要在主Activity中处理`NavigationView`的点击事件，并根据用户的选择切换到相应的页面。这通常可以通过使用`FragmentManager`来管理各个页面的`Fragment`实现： ```java public ...
低代码组件扩展方案在复杂业务场景下的设计与实践
lihui49的博客
07-02 795
本文主要介绍 NPM 组件扩展包的设计原理和开发实践。
低代码开发技术助力企业数字化管理的实践探究
最新发布
dsgdauigfs的博客
07-04 751
低代码开发技术，是一种创新型的应用开发方法，它主要通过图形化用户界面和一系列预先定义的模块化代码组件，实现应用软件的快速构建。这种技术有效地减少了传统软件开发过程中繁琐的手动编程工作量，极大地提升了软件开发的效率，同时也使非专业开发人员也能够参与到软件开发过程中，降低了技术实现的门槛。低代码开发技术具有众多显著的优势。首先，它能够实现快速的应用开发和迭代。通过使用一系列预定义的模块和组件，可以迅速构建出应用软件的原型，这样不仅加快了开发的速度，也使得软件的迭代和优化过程更加高效。
AI+若依框架（低代码开发）
立志成为架构师
07-03 1379
若依为满足多样化的开发需求，提供了多个版本RuoYi-Vue（SpringBoot+Vue的单体项目）RuoYi-Cloud（SpringCloud+Vue的微服务版本项目）RuoYi-App（Uniapp+Vue移动版本）RuoYi-APP没有提供后端，可以适配RuoYi-Vue和RuoYi-CloudRuoYi-other（若依第三方版本）
vue如何实现低代码
abc8002117034的博客
07-04 252
虽然 Vue.js 本身并非低代码平台，但其灵活的组件化架构和响应式数据绑定特性，使其成为构建低代码平台的良好基础。开发低代码平台需要深入理解 Vue.js 的组件化思想、数据流管理和事件处理机制，以及合理利用现有的开源库和工具来加速开发过程。
纯前端低代码开发脚手架 - daelui/molecule
renyuhost的博客
07-04 271
daelui/molecule低代码开发脚手架：分子组件开发、预览、打包
vue不使用组件，多个页面共用template
05-24
在Vue中，可以使用`<template>`标签来定义模板。如果你想多个页面共用同一个模板，可以把模板定义在一个单独的文件中，然后在需要使用的...这样，多个页面就可以共用同一个模板，而不需要将模板复制粘贴到每个页面中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值