位置: 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实现(时间序列转换)

  • 实收资本属于限定性净资产吗
  • 其他应收款款项性质有哪几种
  • 银行端查询缴税凭证怎么盖章
  • 个体户雇佣临时工
  • 注册商标怎么做账
  • 出售商品取得的收入300万元存入银行
  • 建筑行业机械租赁费计入什么科目
  • 账户未认证
  • 非居民企业股权转让协议
  • 增值税专票销货清单模板
  • 个人领取住房公积金需要什么材料
  • 联营扣点怎么核算保本费用
  • 其他法律依据
  • 加计扣除两种情况
  • 预收款结转收入怎么算
  • 对公支出没有发票计入什么科目
  • 增值税小规模纳税人免征增值税政策
  • 财会报告需要哪些证书
  • 收到财政补贴收入贷记科目是
  • 可转债溢价率多高为好
  • 雪茄烟在什么环节交消费税
  • 公司餐饮费怎么做账
  • win10老是错误
  • 华为鸿蒙harmonyos官网4.0升级
  • 固定资产转出是什么意思
  • 存放同业款项和拆出资金在资产负债表中
  • 采用定额法计算产品成本,其程序如何?
  • 其他应收账款属于
  • php 通信
  • php照片上传
  • 出纳各种费用如何归类
  • 超过认证期限的发票未抵扣能红冲吗
  • centos上安装vscode
  • 实收资本认缴怎么做账,要做账吗
  • 未出资到位的股权转让个人所得税
  • 企业所得税季度预缴怎么计算
  • 不抵扣的进项税额用不用转出
  • 支付宝付款对面知道名字吗
  • mysql连接数据库的基本步骤是什么
  • 临时工的劳务费需要申报个税吗?
  • 建筑企业收到发票未付款怎么做账
  • 施工审图费计入什么科目
  • 清算申报在哪里报
  • 建筑业预缴税款怎么退税
  • 提取的安全生产费
  • 开红字发票如何做分录?
  • 企业的融资租赁
  • 公司房屋租赁协议
  • 企业会计准则解释第16号
  • 应收账款如何记账
  • 固定资产明细账怎么填
  • 明细账填制要求
  • 总账建账要建全部科目吗
  • Windows下安装爱思助手V8
  • mysql免安装版本
  • win8如何调整电脑屏幕亮度
  • 解决口苦最快的方法
  • mac磁盘空间不足怎么办
  • centos怎么执行脚本
  • win10改用microsoft账户登录
  • linux修改软件源
  • linux链接分为什么和什么
  • win1020h2正式版
  • linux怎么配置vim
  • centos删除vg
  • 没有触屏如何使手机充电
  • win8 开始
  • Win10 Build 14267截图欣赏:贴心功能大展示
  • gdi双缓冲绘制
  • css制作热点新闻板块
  • css总结笔记
  • 脚本控制三行三列怎么写
  • python爬虫入门教程
  • python去除文件中的空格
  • bootstrap需要学多久
  • jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
  • 营改增后如何计算税金
  • 纳税申报逾期怎样补报?
  • 江苏徐州买房
  • 企业注册的步骤
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设