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'
})
}