平时我们使用this.$refs.xxx
获取到的是一个元素对象,而如果v-for和ref一起使用的话,ref获取到的是一个元素对象数组;
<div v-for="item in list" :key="item" ref="item.id" @click="getDom(item.id)"></div>
getDom(id){
console.log(this.$refs[id]) // 打印的是[div元素对象]
}
以上通过this.$refs[id]
获取到的是一个数组,而想要拿到div元素对象,要this.$refs[id][0]