element-ui 级联选择器菜单高度溢出问题解决方法

高度溢出

由于本人学习过程中遇到element-ui 级联选择器菜单高度溢出问题,如图所示:
element-ui 级联选择器菜单高度溢出问题解决方法_第1张图片经过多种尝试发现是新旧版本问题。
element-ui新版默认显示全部菜单内容,所以我们需要在css样式中对级联选择器菜单的高度进行限制。

.el-cascader-menu {
  height: 300px;
}

修改样式后,级联选择器的菜单高度得到改善,优化了操作界面。结果如图:
element-ui 级联选择器菜单高度溢出问题解决方法_第2张图片

你可能感兴趣的:(element-ui,es6,vue学习经验分享)