自学内容网 自学内容网

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

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

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

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

在这里插入图片描述

  • 校验方法:

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

在这里插入图片描述

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

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

在这里插入图片描述

  • 校验方法:

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

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

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


原文地址:https://blog.csdn.net/m0_64150479/article/details/142410631

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!