elementplus tree组件添加纵向滚动条
时间: 2023-07-30 14:11:44 浏览: 340
要在 Element Plus 的 Tree 组件中添加纵向滚动条,可以使用 CSS 样式来设置容器的高度和滚动属性。具体步骤如下:
1. 在 Tree 组件的外层容器上添加一个固定高度和 overflow 属性为 auto 的样式,例如:
```html
<template>
<div class="tree-container">
<el-tree :data="data"></el-tree>
</div>
</template>
<style>
.tree-container {
height: 300px;
overflow: auto;
}
</style>
```
2. 确保 Tree 组件的高度小于容器的高度,这样才会出现纵向滚动条。
通过以上步骤,就可以在 Element Plus 的 Tree 组件中添加纵向滚动条了。需要注意的是,如果 Tree 组件的高度大于容器的高度,那么就不会出现滚动条。
阅读全文