v-for循环渲染动态ref
<div v-for="(item, index) in fundList" :key="index"> <el-form :ref="'RefForm' + index" :model="formData" label-width="100px" size="mini" > </el-form> </div>
要点
:ref="'RefForm' + index"
动态ref表单校验
buy(index) { eval("this.$refs.RefForm" + index)[0].validate((valid) => { if (valid) { //表单校验通过执行的代码 } }); },
要点
eval("this.$refs.RefForm" + index)[0]
eval("this.$refs.RefForm" + index)
会得到页面中,ref相同的元素数组,第0个即需要的目标表单。