2023年6月20日发(作者：)

vue项⽬中el-tree⽀持横向和纵向滚动条设置vue项⽬中el-tree ⽀持横向和纵向滚动条设置，如下所⽰。①纵向滚动条容易设置，只需要在el-tree组件中设置height即可②横向滚动条稍微复杂，如下代码说明：（1）在el-tree组件中定义 class元素class=“flow-tree”（2）在class 样式中写如下代码即可。.flow-tree{ overflow auto; flex 1 height 300px margin 10px >>>.el-tree-node{ > .el-tree-node__children{ overflow visible !important } } }其他说明：el-tree 中写的样式中overflow为-tree-node__children{overflow hidden}对overflow的认识：定义和⽤法overflow 属性规定当内容溢出元素框时发⽣的事情。说明这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，⽤户代理都会提供⼀种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。可能的值值visible 默认值。hiddenscrollautoinherit描述内容不会被修剪，会呈现在元素框之外。内容会被修剪，并且其余内容是不可见的。内容会被修剪，但是浏览器会显⽰滚动条以便查看其余的内容。如果内容被修剪，则浏览器会显⽰滚动条以便查看其余的内容。规定应该从⽗元素继承 overflow 属性的值。

2023年6月20日发(作者：)

vue项⽬中el-tree⽀持横向和纵向滚动条设置vue项⽬中el-tree ⽀持横向和纵向滚动条设置，如下所⽰。①纵向滚动条容易设置，只需要在el-tree组件中设置height即可②横向滚动条稍微复杂，如下代码说明：（1）在el-tree组件中定义 class元素class=“flow-tree”（2）在class 样式中写如下代码即可。.flow-tree{ overflow auto; flex 1 height 300px margin 10px >>>.el-tree-node{ > .el-tree-node__children{ overflow visible !important } } }其他说明：el-tree 中写的样式中overflow为-tree-node__children{overflow hidden}对overflow的认识：定义和⽤法overflow 属性规定当内容溢出元素框时发⽣的事情。说明这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，⽤户代理都会提供⼀种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。可能的值值visible 默认值。hiddenscrollautoinherit描述内容不会被修剪，会呈现在元素框之外。内容会被修剪，并且其余内容是不可见的。内容会被修剪，但是浏览器会显⽰滚动条以便查看其余的内容。如果内容被修剪，则浏览器会显⽰滚动条以便查看其余的内容。规定应该从⽗元素继承 overflow 属性的值。