【若依】表单显示样式错乱

最新推荐文章于 2024-08-12 10:01:44 发布

人间废料记

最新推荐文章于 2024-08-12 10:01:44 发布

阅读量161

点赞数 1

分类专栏：若依框架文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/wch19960518/article/details/140204209

版权

若依框架专栏收录该内容

2 篇文章 0 订阅

订阅专栏

表单项有错位。如下图所示：
在这里插入图片描述

解决方法：style="height:58px;"

// 部分代码
<el-row :gutter="gutter">
        <div v-for="(item, index) in formData" :key="index">
          <el-col
            :span="item.span || 8"
            v-if="!item.hidden"
            style="height: 58px"
          >
            <el-form-item :label="item.label" :prop="item.name">
             <!-- ...省略 -->
            </el-form-item>
          </el-col>
        </div>
      </el-row>