标题首先我们得明确几个知识点
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'
})
}