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

求教

阅读 3.6k
3 个回答
@click="doDetailInfo($event)"

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

写成v-el:view-contacts试试

问题是在于v-forv-el冲突了吧。
为何不传递event,通过event.currentTarget获取点击元素?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题