vue 怎么达到这种动态横向滚动条?

Question

如图所示,我点击展开下面就会添加横向的滚动条,点击收缩滚动条就会消失,用的是element ui的树组件,整了好久一无所获,诚求有才之士为我排忧解难.

言之成理者,赠送一次去阿里实习的机会....

---

当门卫

Answer 1

找到解决方案了 特来告诉大家:

在el-tree的父容器里面给定固定的高度 以及overflow:scoll
在el-tree 写上内联样式: width:max-content即可

Answer 2

在el-tree的父容器增加样式

overflow-x: scroll

Answer 3

在el-tree的父容器增加样式

overflow-x: scroll;
width: 200px;   // 给一个合适的固定宽度

Answer 4

看下节点的收缩事件，收缩时把节点隐藏或去掉不就好了吗