el-tree没有滚动条

El-Tree 是 Element UI 提供的一个树状组件，用于展示层级结构的数据。如果在使用过程中，你不希望El-Tree 自带滚动条，你可以通过调整其样式来控制。具体步骤如下：

1. **CSS 隐藏滚动条**:
在你的样式表中，为 `el-tree` 或其包含节点的元素添加以下 CSS 规则，隐藏滚动条：

   .el-tree-node__content {
     overflow-y: hidden; /* 隐藏垂直滚动条 */
     scrollbar-width: none; /* 在某些浏览器中隐藏滚动条 */
   }

   .el-tree-node__content::-webkit-scrollbar {
     display: none; /* 针对 WebKit 内核的滚动条 */
   }

2. **使用 flexbox 控制**:
如果你想控制整个组件的宽度并避免滚动，可以尝试使用 flexbox 属性：

   <div class="custom-scroll-container">
     <el-tree :props="treeProps" />
   </div>

   .custom-scroll-container {
     display: flex;
     flex-direction: column;
     height: 100%;
     overflow: auto;
   }

3. **设置 max-height**:
另一种方法是设置 `max-height` 属性限制树的高度，然后在父容器添加滚动条：

   <div style="overflow-y: auto; max-height: 300px;">
     <el-tree :props="treeProps" />
   </div>

记得在你的应用中根据实际需求选择合适的方法，并确保调整后的样式不会影响其他需要滚动的部分。