- 动态设置ref
<template v-for="(item, index) in data">
<div :key="index" :ref="item.id">
{{ item.value }}
</div>
</template>
- 根据ref获取元素(需要添加[0])
data.forEach(item => {
if (iteam.value === 'a') {
// 滚动到元素位置
window.scrollTo({
top: this.$refs[item.id][0].getBoundingClientRect().top + window.scrollY,
behavior: 'smooth' // 平滑滚动
})
}
})