当前位置: 首页 > news >正文

vue3-05-Element-plus中表单校验:校验对象中的对象的属性,校验对象中的数组中的对象的属性,校验嵌套对象

目录

  • 一、校验对象中的普通属性
  • 二、校验对象中对象的属性
  • 三、校验对象中的数组中的对象的属性

这两天写vue3项目,用了element-plus库,到了表单规则验证的环节,我发现我只会校验对象中的普通属性,如果校验嵌套对象,我就不怎么会了,去网上搜了一下,做一下总结,如果后续还有其他,我会继续进行补充

一、校验对象中的普通属性

  • 校验对象如下:校验 TaskForm 中的 task_name 属性

在这里插入图片描述

  • 校验方法:

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

二、校验对象中对象的属性

  • 校验对象如下:校验 TaskForm 中的 msg_text 中的 text 中的 content 属性

在这里插入图片描述

  • 校验方法:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、校验对象中的数组中的对象的属性

校验对象如下:校验 TaskForm 中的 msg_text 中的 at 中的 atMobiles[0] 中的 name 属性
在这里插入图片描述
校验方法如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


http://www.mrgr.cn/news/31609.html

相关文章:

  • 在Ubuntu中安装多个版本CMake
  • 【开源免费】基于SpringBoot+Vue.JS教师工作量管理系统(JAVA毕业设计)
  • PTA L1-061 新胖子公式
  • 大模型训练实战经验总结
  • Redis面试
  • AI政务产品:大模型驱动的数字人“边聊边办”
  • Unity3D URP 内置CSM分帧详解
  • 比较:wav2vec2_large_librivox.yaml与 wav2vec2_base_librispeech.yaml配置文件
  • Golang | Leetcode Golang题解之第420题强密码检验器
  • Linux 文件服务器-ftp匿名用户详解
  • 2024最新最全:超详细Nmap使用技巧(非常详细)零基础入门到精通,收藏这一篇就够了
  • Neo4j技术指南
  • nginx架构篇(三)
  • 火语言RPA流程组件介绍--获取关联元素
  • 搜索引擎onesearch3实现解释和升级到Elasticsearch v8系列(四)-搜索
  • 数字化转型的理论框架对比:从多维视角指导企业成功变革对比DPBOKIT4ITCOBITTOGAF
  • Oracle+11g+笔记(5)-Oracle数据库管理操作
  • 【大模型教程】基于 InternLM 和 LangChain 搭建知识库助手
  • 网络资源模板--Android Studio 图书借阅App
  • 设计模式-策略模式