Vue JS-如何滚动（聚焦）到“ Active” li元素？

Question

我有一个无序列表，里面有一堆li元素。当使用箭头键上下移动列表时（突出显示当前列表并将该li元素的Active类设置为true），我希望模式滚动（聚焦）在具有Active类的li元素上设置为true。

我该怎么做？

Answer 1

您所说的模型是什么意思？用户的视口？

然后，您将需要创建一个方法并调用它，并遵循以下内容：

 window.scrollBy({
   top: targetYourElementHere.getBoundingClientRect().top,
   behavior: 'smooth'
 })