记录一下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;
}
修改之后,二级菜单正常显示