循环表单数据两栏展示

最新推荐文章于 2023-08-11 16:20:44 发布

c&&w

最新推荐文章于 2023-08-11 16:20:44 发布

阅读量702

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_50659005/article/details/118518393

版权

循环表单数据两栏展示

<el-form ref="form" label-width="150px">
                    <el-card class="box-card">
                        <el-row :gutter="24">
                            <div v-for="(item,index) in taskDetailData.parent" :key="index">
                                <el-col :span="12" v-if="index / 2 == 0">
                                    <el-form-item :label="item.caption">
                                        <el-input type="text" size="small" clearable></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12" v-else>
                                    <el-form-item :label="item.caption">
                                        <el-input size="small" clearable></el-input>
                                    </el-form-item>
                                </el-col>
                            </div>

                        </el-row>
                    </el-card>
                </el-form>