vue 获取 for循环动态设置ref的属性及获取该元素到顶部的距离

1. 动态设置ref

<template v-for="(item, index) in data">
    <div :key="index" :ref="item.id">
    {{ item.value }}
    </div>
 </template>

2. 根据ref获取元素（需要添加[0]）

data.forEach(item => {
	if (iteam.value === 'a') {
		// 滚动到元素位置
		window.scrollTo({
	     top: this.$refs[item.id][0].getBoundingClientRect().top + window.scrollY, 
	     behavior: 'smooth' // 平滑滚动
	   })
	}
})