el-tree未展开时样式
el-tree展开时样式
给容器一个高度,然后样式加上overflow: scroll,这样纵向滚动条就出来了。
javascript
<el-card style="height: 528px;overflow: scroll">
<el-input
placeholder="输入关键字进行过滤"
v-model="filterText"
>
</el-input>
<el-tree
:data="zxZbTree"
show-checkbox
node-key="id"
ref="zbTree"
:expand-on-click-node="false"
:filter-node-method="filterNode"
>
</el-tree>
</el-card>
横向的加上下面的样式。
javascript
::v-deep .el-tree>.el-tree-node{
min-width: 100%;
/*width: 120%;*/
display:inline-block;
}