vue+element ui多表单统一验证

场景

每个产品对应多个应用,当对产品进行修改的时,可同时修改应用相关参数,从后端接受应用参数集合,每个应用生成动态表单,点击确认按钮,对所有表单进行统一认证,验证成功再将数据保存至数据库;

HTML代码

<el-collapse v-if="active === 1" v-model="activeNames" accordion>
        <div v-for="(application,index) in dialogApplicationList">
          <el-collapse-item :name="index">
          //特别注意ref这里的index,填在$refs['xx']--xx就是这个ref
            <el-form :ref="'app