博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element动态表单验证prop用法
阅读量:7249 次
发布时间:2019-06-29

本文共 479 字,大约阅读时间需要 1 分钟。

基于Vue的Element.js的Form组件中,提供了一个的验证逻辑,这在项目中的提供了很大帮助。

但在实际写代码过程中,会遇到很多的坑,特别是动态添加验证规则时,prop属性不知道怎么用。

1、el-form标签的model属性必须是对象,而el-form-item里的v-model为非对象。

2、el-form-item的prop的值必须与rules字段名称保持一致,如果el-form-item是动态添加的,prop则是一个数组或数组对象,具体写法如下:

课程详情:第{
{index+1}}节

比如上面的代码为动态添加的表单验证,注意到prop的写法::prop="'chapters.' + index + '.title'"

courseDetail.chapters是个数组,如果:prop写成:prop="'item[' + index + '].title'"是会报错的。没有看源码所以不知道element底层的逻辑是怎么写。囧~~

转载地址:http://imhbm.baihongyu.com/

你可能感兴趣的文章
Bodymovin插件的使用
查看>>
详细深入分析 Java ClassLoader 工作机制
查看>>
关于设计模式
查看>>
对一个“老”架构的重新思考
查看>>
DoubanFMPlayer, A mimic of Douban.fm player
查看>>
埃森哲、亚马逊和万事达卡抱团推出的区块链项目有何神通?
查看>>
2019年自动驾驶5大趋势预测:第一台Level 5 无人车问世
查看>>
后APP时代的破局之路 :阿里技术“三大容器五大方案”亮相,百川开放全面升级...
查看>>
工欲善其事-必先利其器之终端
查看>>
64位的Mac OS X也有Windows.Forms了
查看>>
立下“去O”Flag的AWS,悄悄修炼了哪些内功?
查看>>
Better Software East/DevOps East/Agile Dev East 2016大会上的教程介绍
查看>>
优酷在多模态内容理解上的研究及应用
查看>>
JavaScript学习笔记整理:对象篇
查看>>
GitHub的bug赏金计划升级:奖金提高到3万美元以上
查看>>
中国法院裁定:禁售部分型号苹果手机
查看>>
使用实体框架、Dapper和Chain的仓储模式实现策略
查看>>
HTTP/2推送之难,远超想象
查看>>
与Bob McWhirter的问答:WildFly Swarm更名为Thorntail项目
查看>>
新书问答:Agile Management
查看>>