位置: IT常识 - 正文

关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案(uni-app实例教程)

编辑:rootadmin
关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案 - 前言

推荐整理分享关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案(uni-app实例教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:关于uni-app中的sfc文件中,描述错误的是,uni-app navigateto,uni-app坑太多了,uni-app实例教程,uni'app,uni-app navigateto,uni-app实战,uni-app实战,内容如对您有帮助,希望把文章链接给更多的朋友!

这几天在做uni-app表单验证时遇到了一个问题,按官方文档给出的方法,当需要数据校验时,只需要 1.为uni-forms中的"modelValue"数据设置“:rules”对应 2.“uni-forms-item”的name和“uni-easyinput”中“v-model”中的key和“rules”中的key相同 就可以对该项“uni-easyinput”做数据校验了。

这一步很多人看官方文档就能够写好,并没有其他问题。

- 问题

问题在于,formsData不可能只是一层对象,这里面很可能是对象包对象,也就是“多级结构对象数据”(如图所示),此时,按上面的校验方法,当“uni-easyinput”后面有很多级时,name就不知道如何写了,rules也没有可以参照的方法。

关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案(uni-app实例教程)

如果你再按下图这样写,那name是找不到rules中与之对应的key的,也就是说数据校验无效,你无论输入框中怎么写内容,依然会提示“请输入内容”。 *

这里要说一句,uni-app的uni-ui和elementUI完全没办法比,问题无比的多,而且功能都不完全,网上教程又少,真的太难用了。

- 解决方案

在全网搜索很久后,最后在该组件下面看到了作者对类型问题的提问,在作者的推荐下,尝试使用开发文档中提到的“动态表单校验”来完整该需求。 这里“动态表单校验”的大概意思是,单独给“uni-forms-item”写一个规则,将name以数组方式写,把后面多个key组合在数组中,写出来就是这样的。

<uni-forms-item label="购入渠道" name="buyWay" required :rules="[{'required': true,errorMessage: '该项必填'}]":name="['buyInfo','buyWay']"><uni-easyinput v-model="commodity.buyInfo.buyWay" placeholder=""></uni-easyinput></uni-forms-item>

附上对应图片(如下图所示) 这样就不需要在到“uni-forms”中的rules中为该项写规则了,因为该项单独有了校验规则。 其他地方没有改变。至此,就可以正常校验了。

没有输入数据时

输入数据后

本文链接地址:https://www.jiuchutong.com/zhishi/294523.html 转载请保留说明!

上一篇:机器学习中的隐变量/潜变量和隐藏空间/潜在空间

下一篇:将时间序列转成图像——格拉姆角场方法 Matlab实现(时间序列转换)

  • 法人和办税人
  • 小规模纳税人零申报要报哪些税
  • 分公司如何缴纳企业所得税
  • 开具有误拒收的增值税专用发票怎么办?
  • 扣员工工会会费
  • 企业厂房整改应该计入什么科目?
  • 股东往来款怎么处理
  • 收到厂家的销售返利 税收
  • 现金存款账户
  • 货运代理可以开9个点的发票吗?
  • 进项税的现金流怎么填
  • 小规模纳税人税收政策2023
  • 学校应该缴纳的税
  • 应交税金的明细科目
  • 企业税收分为几大类
  • 其它综合收益算利润吗
  • 高新技术企业如何节税
  • 供热公司向用户提供
  • 1697511149
  • 房地产公司未售房产出租账务处理
  • win101703怎么看
  • 一寸照片尺寸是几乘几
  • 紧急重新启动
  • windows 7如何
  • 住房补贴缴纳比例是多少
  • windows2004没有推送
  • PHP:get_meta_tags()的用法_url函数
  • mediacachefiles什么意思
  • 会计科目怎么调账
  • 典当行交易是给现金吗
  • 企业借款费用处理不当会产生什么样的后果呢?
  • 小程序怎么自定义tabbar
  • php数组去重函数
  • 报销办公用品会计分录计入其他应付还是其他应收
  • vue2升级3
  • 减值准备递延所得税资产
  • php获取并显示用户的用户名
  • php实现快速排序算法
  • 培训学校主营业务成本明细科目设置
  • vue3.0动态路由
  • lua命令库
  • 总分公司汇总申报计算
  • 上市公司净资产转正的方法
  • 定期存款一次性可以存多少钱
  • PostgreSQL中常用的时间日期脚本使用教程
  • 非货币性职工薪酬
  • 金蝶软件修改凭证
  • 增值税专票开户行账号错了,可以抵扣吗
  • 租入厂房再转租新租赁准则如何处理
  • 经营性存款人罚款
  • 购入车辆发生的费用
  • 职工罚款的会计处理办法
  • 文化传媒公司的主营业务
  • 退款产生的手续费怎么算
  • 可供分配利润包括哪些
  • 磅差怎么开票
  • 主营业务收入和营业外收入的区别
  • 实务操作中如何快速记忆
  • 数据库表的查询学会了什么
  • mysql 5.7.31安装
  • qplus.exe是什么进程
  • apt-get download
  • mac电脑怎么打开
  • 电脑出现win 7 界面 然后就不动了
  • Win10打开设备管理器
  • win7怎么查看电池信息
  • Linux 后台执行程序如何操作?
  • linux桌面设置界面在哪
  • unity ondestroy
  • python怎么图像处理
  • nginx 执行shell
  • 查看项目层级结构怎么查
  • python中的zip()函数详解
  • 深入理解计算机系统 电子书
  • jquery的实现原理
  • 国税怎么打印发票
  • 深圳龙岗有几个街道
  • 哈尔滨二手房交易流程
  • 湖南低保查询网上查询
  • 48岁了还有必要上环吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设