这篇文章主要讲解了“v-for中动态校验el-form表单项怎么用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“v-for中动态校验el-form表单项怎么用”吧！在项目开发中，我们经常会遇到表单保存的功能，在表单保存前，常常需要做表单必填项的校验，校验通过以后才去发请求保存表单数据。但是，这个表单如果是动态的，即：可以新增相同的表单。比如这个表单有输入框和下拉框需要校验，点击添加表格按钮，再新增一个相同的表单，同样新的这个表单对应的输入框和下拉框也需要校验。我们先看一下效果图：表单的主数据是要写成对象形式 :model="ruleForm" 不过既然是要动态的，肯定是要循环呢，所以，可以写成这样：点击添加表格的时候，就可以直接push对应项就行啦，即，这样：重点来喽，因为是循环的，所以prop也要变成动态的了，要拼接上index，就变成根据索引去找对应的校验项了，即为：:prop="'formItemArr.' + index + '.name'" ，这样的话，就变成了：prop="formItemArr.0.name"、prop="formItemArr.1.n免费云主机域名ame"、prop="formItemArr.2.name" … 这样的话，就可以照顾到每一项中的每一个绑定的值了，校验就不会漏掉校验规则写成内联就可以触发校验函数this.$refs["ruleForm"].validate((val) => {})了演示的话，大家直接复制粘贴即可感谢各位的阅读，以上就是“v-for中动态校验el-form表单项怎么用”的内容了，经过本文的学习后，相信大家对v-for中动态校验el-form表单项怎么用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
这篇“jquery如何增加和删除属性”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“jquery如何增加和删除属免费云主机域名性”文章吧。 在jq…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
