添加樣式： <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://www.cnblogs.com/lizhiwei8/p/11266122.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的elementUI树状图竖向滚动条和横向滚动条问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。