一、$refs 不能动态拼接的问题:https://blog.csdn.net/alisa_lisa/article/details/104005063
项目需求:动态增减表单并验证。添加联系人,多少组联系人的表单是不确定的。
原因:
解决:ref 是可以同名的。有相同的名字,会放在一个数组中。通过索引来区别。
<el-form label-width="110px" :inline="true" v-for="(item, i) in formData" :key="'add' + i" ref="addForm" :rules="addRulse" :model="formData[i]" > ... </el-form>
this.contentReqVoList.forEach((el, i) => { this.$refs.addForm[i].validate(v => { ... }) })
二、