element 表格里如何遍历表单

最新推荐文章于 2024-07-04 18:16:19 发布

奔跑的小蜗牛。

最新推荐文章于 2024-07-04 18:16:19 发布

阅读量1.4k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/weixin_43826136/article/details/108356069

版权

二话不说直接上代码

                    <el-form ref="form" :model="form" :rules="rule" label-width="120px">
                        <el-row :span="24">
                              <el-col :span="24">
                                <div v-for="(item,index) in form.measureTion" :key="index">
                                    <el-col :span="4">
                                        <el-form-item :label="item.qualityParamName+'：'">//label  显示得值
                                           
                                            </span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="5">
                                        <el-form-item label="测量1" :prop="'measureTion.'+ index +'.measure1'">
                                            <el-input v-model="item.measure1" placeholder="请输入"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="5">
                                        <el-form-item label="测量2" :prop="'measureTion.'+ index +'.measure2'">
                                            <el-input v-model="item.measure2" placeholder="请输入"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="5">
                                        <el-form-item label="测量3" :prop="'measureTion.'+ index +'.measure3'">
                                            <el-input v-model="item.measure3" placeholder="请输入"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="5">
                                        <el-form-item label="测量4" :prop="'measureTion.'+ index +'.measure4'">
                                            <el-input v-model="item.measure4" placeholder="请输入"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </div>
                            </el-col>
                        </el-row>
                    </el-form>


                form: {
                    measureTion: [{ 
                        measure2: '',
                        measure1: '',
                        measure3: '',
                        measure4: '',
                    }]
                 }

结果