Form Generator 扩展子表单组件之表单校验(超详细)

news/2024/11/16 5:52:39/

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

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

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

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

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

这一章只讲解如何在子表单组件里加入必填项校验。

二、校验规则 ✨ ⭐️ 🌟 

根据


http://www.ppmy.cn/news/977748.html

相关文章

WPF实战学习笔记06-设置待办事项界面

设置待办事项界面 创建待办待办事项集合并初始化 TodoViewModel: using Mytodo.Common.Models; using Prism.Commands; using Prism.Mvvm; using System; using System.Collections.Generic; using System.Collections.ObjectModel; using System.Linq; using Sy…

Golang 中使用不定数量空格分割字符串的方法

有这样一个使用空格分割字符串的场景,字符串中被分割的子串之间的空格数量不确定,有一个两个或者多个空格,这种场景下,使用最容易想到的 strings.Split 函数就做不到了。本文接下来就介绍几种行之有效的方法。 使用 strings.Fiel…

BERT精读

BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding 论文精读 —— BERT:Pre-training of Deep Bidirectional Transformers for Language Understanding - 知乎 (zhihu.com) pre-training:在一个数据集上训练好一个模型,这个模型主要的目…

【业务功能篇49】Springboot+EasyPoi 实现Excel 带图片列的导入导出

SpringBoot整合EasyPoi实现Excel的导入和导出(带图片)_51CTO博客_springboot easypoi导出excel

如何利用在线培训考试系统提升员工技能?

在如今竞争激烈的商业环境中,不断提升员工的技能和知识变得至关重要。为了满足这一需求,越来越多的企业开始采用在线培训考试系统。借助这种系统,企业可以以有效和高效的方式提供培训,并确保员工能够学到最新的知识和技能。 1. 灵…

Java学习笔记25——集合进阶3

Map集合概述和使用 Map集合概述和特点Map集合概述Map集合的基本功能Map集合的获取功能 Map集合的遍历方式方式1方式2 Map集合概述和特点 Map集合概述 Interface Map<K,V> K:键的类型&#xff0c;V:值的类型将键映射到值得对象&#xff1b;不能包含重复的键&#xff0c;…

你的服务器还安全吗?用户数据是否面临泄露风险?

一系列严重的网络安全事件引起了广泛关注&#xff0c;多家知名公司的服务器遭到黑客挟持&#xff0c;用户的个人数据和敏感信息面临泄露的风险。这些事件揭示了网络安全的脆弱性和黑客攻击的威胁性&#xff0c;提醒着企业和个人加强对网络安全的重视。 一、入侵案例1.1 蔚来数据…

基础算法-数组模拟队列

队列&#xff1a;先进先出 什么叫做队列&#xff1a; 就是一个特殊的数组。这个数组&#xff0c;最前面叫队头&#xff0c;最后面叫队尾。只允许在最后面添加元素&#xff0c;只允许在最前面删除元素。 解题思路&#xff1a; 用一个数组 q 保存数据。 用 hh 代表队头&…