当前位置: 代码迷 >> 综合 >> 解决Element-UI Cascader 级联选择器由于高度问题导致出现空白页的bug
  详细解决方案

解决Element-UI Cascader 级联选择器由于高度问题导致出现空白页的bug

热度:53   发布时间:2024-02-23 05:19:40.0
记录一下element-ui级联选择器由于高度问题导致出现空白页的bug。

在项目中引入Cascader 级联选择器

<el-cascaderclearablev-model="selectedKeys"//list为Array类型包含两级数据,获取到的一级数据有30条:options="list"//props配置对象设置expandTrigger,value,label,children等属性:props="props"
></el-cascader>

bug:滚动条无法滚动,一级数据无法完全显示,二级数据页空白(如下图)

在这里插入图片描述
解决思路:找到控制级联选择器下拉列表或滚动条的类,改变其高度

在这里插入图片描述

.el-scrollbar__view{
    height: 300px;
}

修改之后,二级菜单正常显示
在这里插入图片描述

  相关解决方案