elementui级联选择器如何设置宽度和高度
时间: 2024-05-30 13:03:04 浏览: 242
Vue+ElementUI 中级联选择器Bug问题的解决
5星 · 资源好评率100%
对于 Element UI 的级联选择器(Cascader),你可以通过设置它的 `popper-class` 属性来自定义其弹出层的样式,包括宽度和高度。
首先,你可以为级联选择器添加一个自定义类名,比如 `custom-cascader`:
```html
<el-cascader popper-class="custom-cascader"></el-cascader>
```
然后,在你的 CSS 文件中,定义该类名的样式,并设置宽度和高度:
```css
.custom-cascader .el-cascader__dropdown {
width: 300px; /* 设置宽度 */
height: 200px; /* 设置高度 */
}
```
这样就可以设置级联选择器弹出层的宽度和高度了。你可以根据实际需要调整这些数值。
阅读全文