添加如下样式
<div class="device-tree"> <el-scrollbar style="height:100%"> <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"> </el-tree> </el-scrollbar></div><style> .el-scrollbar .el-scrollbar__wrap { overflow-x: hidden; } .el-tree>.el-tree-node { min-width: 100%; display:inline-block; }</style>注意:
1.device-tree设置宽和高,
2.el-scollbar设置100%
3.scoped以及样式覆盖问题,保证样式生效就可以实现横向和竖向滚动条