解决element ui tree组件不产生横向滚动条

结果是这样的

需要在tree的外层,包一个父组件

html 复制代码
    <div class="tree">
        <el-tree :data="treeData" show-checkbox default-expand-all></el-tree>
    </div>

在css里面这样写,样式穿透按自己使用的css编译器以及框架要求就好

css 复制代码
<style lang="scss">
.tree {
    overflow-y: auto;
    overflow-x: auto;
    width: 500px;
    height: 500px;
    background-color: #ffffff;
    border: #333 solid 1px;
}
.el-tree {
    min-width: 100%;
    display: inline-block !important;
}
::v-deep {
    .el-tree-node > .el-tree-node__children {
        overflow: visible;
    }
}
</style>
相关推荐
凡大来啦7 分钟前
v-for渲染的元素上使用ref
前端·javascript·vue.js
eggcode9 分钟前
Vue前端开发学习的简单记录
vue.js·学习
不伤欣22 分钟前
Unity Mask镂空效果(常用于新手引导或高亮显示UI元素)
游戏·ui·unity·游戏引擎
申朝先生1 小时前
在vue3中对于普通数据类型是怎么实现响应式的
javascript·vue.js·ecmascript
excel2 小时前
Vue Mixin 全解析:概念、使用与源码
前端·javascript·vue.js
北海-cherish8 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
偶尔的鼠标人10 小时前
Avalonia中,使用DataTable类型作为DataGrid的ItemSource 数据源
ui·c#·avalonia
Superxpang11 小时前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。11 小时前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
左手吻左脸。11 小时前
Element UI表格中根据数值动态设置字体颜色
vue.js·ui·elementui