vue中使用getBoundingClientRect()获取元素位置报错
“TypeError:this.$refs[refName].getBoundingClientRect is not a function”<el-row class="qzblgzhTable" ref="QZBLGZH"></el-row>报错原因将ref定义在组件上面再使用如下代码去获取其方法获取其top,则会报错this.$refs.QZBLGZH.getBoun
·
前言
getBoundingClientRect函数
getBoundingClientRect 函数使用在dom元素中
Element.getBoundingClientRect() 方法返回一个DOMRect对象,其中包含了盒子的大小及其相对于浏览器窗口的位置
问题
“TypeError:this.$refs[refName].getBoundingClientRect is not a function”
<el-row class="qzblgzhTable" ref="QZBLGZH"></el-row>
报错原因
将ref定义在组件上面再使用如下代码去获取其方法获取其top,则会报错
this.$refs.QZBLGZH.getBoundingClientRect().top
正确写法
<div ref="QZBLGZH"> </div>
将ref写在原生的html标签上再使用其方法去获取top,则不会报错
this.$refs.QZBLGZH.getBoundingClientRect().top
更多推荐
所有评论(0)