2021-01-16

解决Cascader 级联选择器中级联面板高度过高/没有滚动条的问题

最近在学做一个Vue项目，其中用到element UI组件中的cascader级联选择器，出现了一点点小问题，如下：

红色框起来的地方叫级联面板，由于数据很多而面板中没有滚动条，所以很高很丑。通过调试，找到这个面板所在的盒子位置，如下图：

可以发现，此时的级联面板并没有设置高度，所以只要设定一个固定的高度就可以解决问题！！！

呐！！！是不是顺眼多了、舒服多了！！！


注意：我是在单文件组件中设置样式的，所以加上了！important来提高权重，你也可以选择在全局样式中给面板设置高度。