vue项目动态div滚动条滑动到指定位置效果

标题首先我们得明确几个知识点

element.scrollIntoView

this.$el.querySelector

文档对象模型Document引用的 querySelector() 方法返回文档中与指定选择器或选择器组匹配的第一个 Element对象。如果找不到匹配项，则返回null。
用来匹配动态document

代码

// template部分
<div v-for="(item, index) in data" :key=index>
	<div :test="item.test">
		<!--  你自己的内容 -->
	<div>
</div>

// js部分
const element = this.$el.querySelector(
`[test]="${item.test}"`
)
if(element) {
  element.scrollIntoView({
 			behavior: 'smooth',
 			block: 'center'
})
}