解决Element 的 el-cascader高度问题

  • Post author:
  • Post category:其他


					原代码:
					<el-cascader
                            style="width:170px;"
                            :options="shopList"
                            :props="shopListProps"
                            clearable
                            :show-all-levels="false"
                            v-model="searchShop"
                            filterable
                            collapse-tags
                            size="small"
                            popper-class="train-tree-cascader"
                        ></el-cascader>

注意最下面的 popper-class 是Element提供的 《自定义浮层类名》

有了类名就好找了

原代码样式:

.train-tree-cascader{


height: 500px !important;

}

.train-tree-cascader .el-cascader-panel{


height: 100% !important;

}

.train-tree-cascader .el-cascader-panel .el-cascader-menu__wrap{


height: 104% !important;

}

注意!

style 不能加scoped,虽然这个是全局样式,但是由于自定义浮层类名是自己加的,所以不会出现全局污染的状况

给个赞👍



版权声明:本文为qq_52680057原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。