el-col限制了宽度,所以这里不需要再定死宽度,高度自适应。如果没有el-col,则在外面加一个div标签,写死宽度高度。
<el-col :span="6" style="border-style: solid;" >
<el-scrollbar style="height: 100%;">
<el-tree ref="treeData" :data="checkItem" :props="defaultProps" node-key="id" show-checkbox
:check-on-click-node="true" @node-click="handleNodeClick" :expand-on-click-node="false"
:highlight-current="true" >
</el-tree>
</el-scrollbar>
</el-col>
样式
.el-tree {
min-width: 100%;
display: inline-block !important;
}