在黑马的vue项目练习中,跟着视频敲代码,没有漏的情话下发现el-cascader高度溢出
<el-cascader
:options="cityData"
v-model="addressForm.address1"
style="width: 100%"></el-cascader>
本来以为是级联选择器的高度问题,就在style中给该标签添加了高度:
.el-cascader { height: 350px; }
结果并不符合预期,在网上简单搜索了一下,给出的答案是在 el-cascader-menu 这个标签上加高度,但是我测试过后发现并没有效果。
最终将样式添加在全局样式表 global.css 得以实现。
至于为什么我也没有理解,不知道有没有能解答的。