type
status
date
slug
summary
tags
category
icon
password
😀
产品 :需要在点击保存时,校验每一列中 单选框选中的情况下校验 某某 文本框内容 单选框没有选中 则让文本框为空且置灰
我(内心):这咋搞啊,我只弄过校验没有 for循环在其中的,怎么获取每一列中的元素啊,脑袋混乱,应该要弄一段时间了
然后告诉产品:我先研究下
 

如何做

Element-plus 文档

查看Element-plus文档,el-form-item其中有一个API prop:model的键名,它可以是一个路径数组,也可以是string。在定义validate,resetFields方法时,该属性必填,prop属性是设置需要校验的字段名。 还有一个 API为rules,在项目中以前就是其他el-form-item用这个做的验证,然后查看文档,定义一个验证的函数,其第一个参数是rule,打印出来其中有一个field就是prop中传的值,所以我们可以从filed中获取该列中的index,如果该列中还存在v-for的循环,则再加上一个itemIndex,这样就可以拿到这一列中所有的值,也就解决了我们的问题。

demo

demo代码如下
这是我第一次在el-form中校验存在v-for的el-form-item,希望对有此需求的jym有所帮助,如果有啥不清楚的,评论区留言🤪
 
 
 
💡
有关el-form的问题,欢迎您在底部评论区留言,一起交流~
深入了解Vue3 diff算法我是bug开发🙈