学无先后,达者为师

网站首页 Vue 正文

vue v-for循环渲染动态ref表单校验的实现方法

作者:朝阳39 更新时间: 2022-04-23 Vue

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个即需要的目标表单。

原文链接:https://blog.csdn.net/weixin_41192489/article/details/123412256

栏目分类
最近更新