一、前言
我本来以为设置elemnt-ui组件样式需要用到深度选择器，然后找了好多关于深度选择器的，比如>>> /deep/ ::v-deep
后来才明白是权重不够，解决方法如下
二、设置高度方法
1、在全局css中设置
.el-cascader-menu{
height: 400px;
}
缺点：所有级联选择器的高度都是固定的文章来源：https://www.toymoban.com/news/detail-655400.html
结论：只有在所有页面级联选择器都一致的情况下或者只有一个级联选择器情况下使用这种方法文章来源地址https://www.toymoban.com/news/detail-655400.html
2、在使用级联选择器的页面单独设置
<style>
/* .el-cascader-menu__wrap {
height: 400px!important;
} */
/* .el-cascader-menu{
height: 400px!important;
} */
.el-cascader-panel{
height: 400px!important;
}
</style>
到了这里，关于vue中使用element-ui ，设置级联选择器高度问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[element-ui] 级联选择器el-cascader不触发change事件](https://imgs.yssmx.com/Uploads/2024/01/816523-1.png)
