前言

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