element-UI el-tree横向滚动条

添加如下样式

<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以及样式覆盖问题，保证样式生效就可以实现横向和竖向滚动条