使用elment-ui中的el-tree组件,让el-tree有滚动条
首先在网上搜索了,说使用以下代码就能生效,然而,我使用不生效,打开开发者工具发现这些样式根本没有加上去
.el-tree {
.el-tree-node {
display: inline-block;
min-width: 100%;
}
}
于是乎,分析想要出现滚动条的原理,也就是想要在el-tree直接子级元素下面的el-tree-node添加属性,因此改用下面的写法,成功解决问题。
.el-tree > :nth-child(n+1) {
display: inline-block;
min-width: 100%;
}