vue动态改变组件的长度,实时改变滚动条?

Question

功能不复杂,但是纠结了一阵子:

一个树组件在一个固定宽度ul标签里面,,随着点击节点,展开下一层级目录,当前的树组件的宽度不断的增加,怎么实时让滚动条跟着改变?

Answer 1

你想做的是点击展开节点时候，节点始终显示在视图中间吧？
可以这样做，使用 DOM.getClientRects() 获取当前展开的元素相对显示的位置，然后根据位置移动滚动条实现。