36 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以及樣式覆蓋問題，保證樣式生效就可以實現橫向和豎向滾動條

感謝大佬的辛苦奉獻，參考：https://blog.csdn.net/qq_34122822/article/details/103609208