为什么element中的Cascader组件过高

1.今天我遇到个问题，就是element中的级联组件选项高度太高，如下图，这是由于我们的option数据源数据太多导致的

通过F12不难发现

是el-cascader-panel属性设置为100%导致的，所以我们只需要设置类名为el-cascader-panel的高度即可:height:200px

2.但是在Vue项目中的<style lang="less" scoped></style>是没有用的，我们要在全局css中添加

.el-cascader-panel{
    height: 200px;
}

才会起作用
3.当我们不想在全局css变量中添加的时候也可以在Vue组件的声明周期中添加

document.getElementsByClassName('el-cascader-panel')[0].style.height = '200px';

也是可行的。