修改element-ui的级联选择器的下拉框长度

最近碰到个bug，在使用elemet-ui的级联选择器的时候选项太长，长度没有得到很好的控制，下图是bug

正常的应该是有个最大高度控制的，下图是正常情况：

后面发现是css属性的问题

.el-scrollbar__wrap覆盖了.el-cascader-menu__wrap，于是在组件里面使用样式穿刺修改css，但是发现根本不生效，

  ::v-deep  .el-scrollbar__wrap {
    height: 204px !important;
  }

查看浏览器的div排版，发现下拉框是在id为app的外面，猜测在组件里面写的css不会对外面的元素产生作用，于是想到在main.js文件中引入css，但是如果那样修改会导致全局的el-scrollbar__wrap发生改变，但是我只要某个页面的el-scrollbar__wrap发生改变，后面查询文档发现了一个属性:popper-class

于是先在出bug的级联选择器中加入该属性，之后在写一个css文件，再在main.js中引入该css文件。