Vue3、Element Plus使用v-for循环el-form表单进行校验

Vue3、Element Plus使用v-for循环el-form表单进行校验

码农世界 2024-06-21 后端 55720 次浏览 29715个评论

在开发中遇到了这样一个需求

有一个form是通过v-for生成出来的，并且数量不确定，每个表单中的字段都需要做校验，就将自己的解决方法记录了下来。

Vue3、Element Plus使用v-for循环el-form表单进行校验

Vue3、Element Plus使用v-for循环el-form表单进行校验

完整代码如下

转载请注明来自码农世界，本文标题：《Vue3、Element Plus使用v-for循环el-form表单进行校验》

百度分享代码，如果开启HTTPS请参考李洋个人博客
37815篇文章 站点 微博
每一天，每一秒，你所做的决定都会改变你的人生！

发表评论

快捷回复：

评论列表 （有 29715 条评论，55720人围观）参与讨论
网友昵称：游客
游客游客 沙发
07-07 回复
这一年啥事没干，光研究楼主的帖子了！http://k2s5.sophmoon.cn
网友昵称：游客
游客游客 椅子
07-07 回复
楼主内心很强大！http://nws.jinzhaogebinwang.com
网友昵称：游客
游客游客 地板
07-08 回复
哥回复的不是帖子，是寂寞！http://302h.bjaksj.com
网友昵称：游客
游客游客 4楼
07-08 回复
内容很有深度！http://16lnw.bjaksj.com
网友昵称：游客
游客游客 5楼
07-08 回复
楼主加油，看好你哦！http://usz.zhijian.me
网友昵称：游客
游客游客 6楼
07-08 回复
楼主主机很热情啊！http://bll.bjaksj.com
网友昵称：游客
游客游客 7楼
07-09 回复
没人理我，好伤心啊！http://8f679u.dgflt.com
网友昵称：游客
游客游客 8楼
07-09 回复
楼主很有艺术范！http://dt0f5q.dgflt.com
网友昵称：游客
游客游客 9楼
07-09 回复
这个帖子会火的，鉴定完毕！http://avm.dgflt.com
网友昵称：游客
游客游客 10楼
07-09 回复
最近压力山大啊！http://tam3.dgflt.com
网友昵称：游客
游客游客 11楼
07-09 回复
论坛的人气越来越旺了！http://7wa.dgflt.com
网友昵称：游客
游客游客 12楼
07-09 回复
感觉不错！http://2uaz1.125cp13.com/00/5.html
网友昵称：游客
游客游客 13楼
07-09 回复
楼上的别说的那么悲观好吧！http://z2l.dgflt.com
网友昵称：游客
游客游客 14楼
07-09 回复
大神就是大神，这么经典！http://wo1s.dgflt.com
网友昵称：游客
游客游客 15楼
07-09 回复
楼主的头像是本人吗？http://pma.dgflt.com
网友昵称：游客
游客游客 16楼
07-09 回复
楼主是一个典型的文艺青年啊!http://xkxq4.hffrzs.com
网友昵称：游客
游客游客 17楼
07-09 回复
灌水不是我的目的！http://6hn2.dgflt.com
网友昵称：游客
游客游客 18楼
07-09 回复
写的太好啦，评论一个http://aovp.hffrzs.com
网友昵称：游客
游客游客 19楼
07-10 回复
今天怎么了，什么人都出来了！http://hmi.hffrzs.com
网友昵称：游客
游客游客 20楼
07-10 回复
看帖、回帖、拿分、走人http://2p5a9h.hffrzs.com
网友昵称：游客
游客游客 21楼
07-10 回复
楼主内心很强大！http://2jo6v.jinpuxiye.com
网友昵称：游客
游客游客 22楼
07-10 回复
支持一个http://o4sv1i.jinpuxiye.com
网友昵称：游客
游客游客 23楼
07-10 回复
鉴定完毕！http://8kb.cnqyly.com
网友昵称：游客
游客游客 24楼
07-10 回复
太邪乎了吧？http://68s.qdjtbd.cn
网友昵称：游客
游客游客 25楼
07-10 回复
这么好的帖子，应该加精华！http://853i96.hffrzs.com
网友昵称：游客
游客游客 26楼
07-11 回复
不错哦，楼主这是要火的节奏啊！http://f3x0i.hffrzs.com
网友昵称：游客
游客游客 27楼
07-11 回复
每天顶顶贴，一身轻松啊！http://4o3m2.hffrzs.com
网友昵称：游客
游客游客 28楼
07-11 回复
观点鲜明，立场坚定，作者态度明确。http://o16vw6.hffrzs.com
网友昵称：游客
游客游客 29楼
07-11 回复
看了这么多帖子，第一次看到这么经典的！http://4g5.qdjtbd.cn
网友昵称：游客
游客游客 30楼
07-11 回复
我回帖楼主给加积分吗？http://04daad.aijiankang99.com
网友昵称：游客
游客游客 31楼
07-11 回复
网站做得不错http://j2ia32.sh-hangte.com
网友昵称：游客
游客游客 32楼
07-11 回复
勤奋灌水，天天向上！http://rkbdb.wysyw.com
网友昵称：游客
游客游客 33楼
07-11 回复
最近回了很多帖子，都没人理我！http://qyum.sxtytx.com
网友昵称：游客
游客游客 34楼
07-11 回复
楼上的很有激情啊！http://3lb48.dzjydq.com
网友昵称：游客
游客游客 35楼
07-11 回复
楼主练了葵花宝典吧？http://hz0.dzjydq.com
网友昵称：游客
游客游客 36楼
07-11 回复
今天是个特别的日子，值得纪念！http://18wu.xmqiandao.com
网友昵称：游客
游客游客 37楼
07-11 回复
大神就是大神，这么经典！http://www.ddman.net
网友昵称：游客
游客游客 38楼
07-11 回复
最近压力山大啊！http://inhc.sxtytx.com
网友昵称：游客
游客游客 39楼
07-11 回复
读了楼主的帖子，顿时马桶就通了。。。http://fck1.xmqiandao.com
网友昵称：游客
游客游客 40楼
07-11 回复
没人理我，好伤心啊！http://7na1m.moxymix.com/2024/5.html
网友昵称：游客
游客游客 41楼
07-11 回复
楼主好聪明啊！http://phv.sh-longfeng.com
网友昵称：游客
游客游客 42楼
07-11 回复
楼主很有艺术范！http://1zl00.sh-longfeng.com
网友昵称：游客
游客游客 43楼
07-11 回复
论坛的帖子越来越有深度了！http://qur1z.hm130.com/2/5.html
网友昵称：游客
游客游客 44楼
07-11 回复
文章论点明确，论据充分，说服力强。http://3ysxtt.aijiankang99.com
网友昵称：游客
游客游客 45楼
07-11 回复
以后要跟楼主好好学习学习！http://f5ff2l.inotherpeopleskitchen.com
网友昵称：游客
游客游客 46楼
07-11 回复
在这个版块混了这么久了，第一次看见这么给你的帖子！http://tbbe3.inotherpeopleskitchen.com
网友昵称：游客
游客游客 47楼
07-11 回复
小弟默默的路过贵宝地~~~http://1de.foodnmg.cn
网友昵称：游客
游客游客 48楼
07-11 回复
有钱、有房、有车，人人都想！http://otjz7s.jhwudo.com
网友昵称：游客
游客游客 49楼
07-11 回复
收藏了，楼主加油！http://w5nrs1.zggbsf.com
网友昵称：游客
游客游客 50楼
07-11 回复
好帖子！http://9ul53.zggbsf.com
网友昵称：游客
游客游客 51楼
07-11 回复
看在楼主的面子上，认真回帖！http://3osb.zggbsf.com
网友昵称：游客
游客游客 52楼
07-11 回复
我和我的小伙伴都惊呆了！http://pzc4z6.jhwudo.com
网友昵称：游客
游客游客 53楼
07-11 回复
投楼主一票，不用谢哦！http://htq.whxiewang.com
网友昵称：游客
游客游客 54楼
07-11 回复
楼主是好人！http://www.gxmlm.com
网友昵称：游客
游客游客 55楼
07-11 回复
楼主是我最崇拜的人！http://8t3.yh-cc.com
网友昵称：游客
游客游客 56楼
07-11 回复
楼主很有艺术范！http://octvoh.dzdcmy.com
网友昵称：游客
游客游客 57楼
07-11 回复
楼主说的我也略懂！http://mt41g.sh-longfeng.com
网友昵称：游客
游客游客 58楼
07-11 回复
帖子好乱！http://nls6e1.zb799.com
网友昵称：游客
游客游客 59楼
07-11 回复
赞一个！http://8oesg.hemoart.com
网友昵称：游客
游客游客 60楼
07-11 回复
看帖不回帖都是耍流氓！http://gku.sh-longfeng.com
网友昵称：游客
游客游客 61楼
07-11 回复
管它三七二十一！http://69x9rr.aijiankang99.com
网友昵称：游客
游客游客 62楼
07-11 回复
很多天不上线，一上线就看到这么给力的帖子！http://3cibja.sh-longfeng.com
网友昵称：游客
游客游客 63楼
07-11 回复
语言表达流畅，没有冗余，读起来很舒服。http://4gn9.fy166.com
网友昵称：游客
游客游客 64楼
07-11 回复
看了这么多帖子，第一次看看到这么有内涵的！http://bqgcm.sh-longfeng.com
网友昵称：游客
游客游客 65楼
07-11 回复
楼主加油，看好你哦！http://mmx7s.qqcvip004.com/13/5.html
网友昵称：游客
游客游客 66楼
07-11 回复
宇宙第一贴诞生了！http://pi2v7.c-e-cars.com
网友昵称：游客
游客游客 67楼
07-11 回复
投楼主一票，不用谢哦！http://8a2z19.sctjbp.com
网友昵称：游客
游客游客 68楼
07-11 回复
东方不败外加灭绝师太啊！http://coa4d.gwgw14.com/r/5.html
网友昵称：游客
游客游客 69楼
07-11 回复
支持一下，下面的保持队形！http://klvpq.yzwang313.com/20240711/4.html
网友昵称：游客
游客游客 70楼
07-11 回复
楼主好聪明啊！http://onc3vu.goodtastel.com
网友昵称：游客
游客游客 71楼
07-11 回复
楼主你想太多了！http://y4594.hnhaocai.com
网友昵称：游客
游客游客 72楼
07-11 回复
顶顶更健康！http://4inq.jhwudo.com
网友昵称：游客
游客游客 73楼
07-11 回复
对牛弹琴的人越来越多了！http://r1zsq0.hsh168.com
网友昵称：游客
游客游客 74楼
07-11 回复
读了楼主的帖子，顿时马桶就通了。。。http://tnfeu.hsh168.com
网友昵称：游客
游客游客 75楼
07-11 回复
最近回了很多帖子，都没人理我！http://1b0zmi.whxiewang.com
网友昵称：游客
游客游客 76楼
07-11 回复
楼上的真不讲道理！http://d7z82.shenmuwh.com
网友昵称：游客
游客游客 77楼
07-11 回复
楼主很有激情啊！http://q9zo.shenmuwh.com
网友昵称：游客
游客游客 78楼
07-11 回复
今天是个特别的日子，值得纪念！http://7oow.aijiankang99.com
网友昵称：游客
游客游客 79楼
07-11 回复
顶顶更健康！http://lk38.cyzjj.com
网友昵称：游客
游客游客 80楼
07-11 回复
楼上的这是啥态度呢？http://wn2zo.yh-cc.com
网友昵称：游客
游客游客 81楼
07-11 回复
经典，收藏了！http://yf76.cyzjj.com
网友昵称：游客
游客游客 82楼
07-12 回复
听楼主一席话，省我十本书！http://v2f7m.dwoqd.com/20240711/5.html
网友昵称：游客
游客游客 83楼
07-12 回复
网站做得不错http://3eus.aijiankang99.com
网友昵称：游客
游客游客 84楼
07-12 回复
管它三七二十一！http://yrt03.fy166.com
网友昵称：游客
游客游客 85楼
07-12 回复
鸟大了，什么林子都敢进啊！http://4izc.dzjydq.com
网友昵称：游客
游客游客 86楼
07-12 回复
楼主说的我也略懂！http://xa1.dzjydq.com
网友昵称：游客
游客游客 87楼
07-12 回复
这么经典的话只有楼主能想到！http://x0mud1.dzjydq.com
网友昵称：游客
游客游客 88楼
07-12 回复
不错的帖子，值得收藏！http://qby2m.jnmcwx.com/P/5.html
网友昵称：游客
游客游客 89楼
07-12 回复
观点鲜明，立场坚定，作者态度明确。http://ufghl.ht-chem.com.cn
网友昵称：游客
游客游客 90楼
07-12 回复
我和我的小伙伴都惊呆了！http://3ofbp8.sxtytx.com
网友昵称：游客
游客游客 91楼
07-12 回复
看帖不回帖的人就是耍流氓，我回复了！http://yjvvzk.souf1.com
网友昵称：游客
游客游客 92楼
07-12 回复
楼上的心情不错啊！http://j49zkr.aijiankang99.com
网友昵称：游客
游客游客 93楼
07-12 回复
缺乏激情了！http://syqzw.ht-chem.com.cn
网友昵称：游客
游客游客 94楼
07-12 回复
收藏了，很不错的内容！http://zqawu.bcxbnz.com/01/4.html
网友昵称：游客
游客游客 95楼
07-12 回复
坚持回帖！http://krvbdd.xmqiandao.com
网友昵称：游客
游客游客 96楼
07-12 回复
楼主的文笔不错！http://s4pju2.hnhaocai.com
网友昵称：游客
游客游客 97楼
07-12 回复
很多天不上线，一上线就看到这么给力的帖子！http://fyz0.inotherpeopleskitchen.com
网友昵称：游客
游客游客 98楼
07-12 回复
很有品味！http://1v3y.goodtastel.com
网友昵称：游客
游客游客 99楼
07-12 回复
收藏了，怕楼主删了！http://8hy.hnhaocai.com
网友昵称：游客
游客游客 100楼
07-12 回复
楼主你想太多了！http://7w0ox.hnhaocai.com
Top