您可以使用flex布局来实现左侧el-col的高度与右侧el-col的高度保持一致。

首先,在外层的el-row元素上添加属性justify="space-between",这样可以让左右两个el-col元素之间有一个间隔。

然后,在左侧的el-col元素上添加属性:span="12",右侧的el-col元素上添加属性:span="12",这样可以将页面分为两列。

接下来,在左侧的el-col元素上添加样式属性class="left-col",并在右侧的el-col元素上添加样式属性class="right-col"。

最后,在样式表中添加以下样式:

.left-col {
  height: 100%;
}
.right-col {
  height: 100%;
  display: flex;
  flex-direction: column;
}

这样就可以实现左侧el-col的高度与右侧el-col的高度保持一致了。

页面有两个el-col左侧一个右侧一个右侧的el-col中有多个折叠面板如何设置左侧el-col的高度让左侧的和右侧的height保持一致

原文地址: http://www.cveoy.top/t/topic/iTUs 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录