Vue列表如何实现滚动到指定位置样式改变效果

这个需求大概是这样子： 我做的一个聊天Demo，在搜索框搜索用户，可以滚动到指定的用户。然后成选中状态。 这是目前状态，我搜索南宫仆射 ，想要下面的用户列表直接滚动到南宫仆射并改变CSS样式。 查询之后是这个子： 嗯，我的思路： 在搜索框搜索到用户之后会返回一个用户对象，之后会调用列表的点击事件，改变CSS样式及做一些聊天的逻辑。然后需要获取到列表对应的id值，直接使用 document.getElementById(it).scrollIntoView(); 具体实现： 列表：使用vue的v-for指令 ，这里的id值使用的是遍历的索引值，外层是一个自定义滚动条组件。样式也是使用vue指