标题描述看起来有些复杂，有vue，Element，又有表单验证，还有v-for循环？不过我相信开发中遇到过此问题的同学，一看就明白我说的意思了。首先Element组件有一套完善的表单验证方法，官方文档写的也很清楚：然鹅问题来了，如果表单项里有通过v-for动态生成的表单项，如何设置验证呢？首先是循环表单项没有加验证之前的代码：首先是添加rules规则，这个和正常添加规则一样：然后给表单项添加验证，以商品数量为例：注意这里另外主要就是另外就是要注意，v-for绑定的数组也必须绑定在form对象里，注意上面的data里：是无法验证的，这一点也要注意。好了，以上就是解决vue使用Element组件时v-for循环里的表单项验证的解决方案了，希望能帮助到遇到此问题的同学。
暂无评论