html - vue 使用v-for 循环 v-el 报错

问题描述

问 题

1.在页面中有一个list列表，从后端获取数据使用v-for循环出来的 在循环上面绑定了一个v-el:viewContacts跟一个点击事件 如图

2.在业务代码中 执行点击事件，使用this.$els.viewcontacts是获取不到这个li的

开始的时候 我以为是生命周期的问题 所以加上了一个v-if，但是结果还是报错
Cannot read property 'getBoundingClientRect' of undefined

求教

解决方案

@click="doDetailInfo($event)"

doDetailInfo: function (event) {
    this.homeTop = event.target.getBoundingClientRect().top - ........
}

这篇关于html - vue 使用v-for 循环 v-el 报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！