vue3怎么获取元素的offsetTop？

Question

如下使用ref获取到直接拿offsetTop是undefined，请问这个应该怎么拿

<a-table :columns="dataSource.columns" :data-source="dataSource.data" ref="tableRef"></a-table>

 if (tableRef.value) {
    nextTick(() => {
      console.log(tableRef)
      debugger;
    })
  }

Answer 1

offsetTop是dom元素上的属性，如果ref是在组件上，那么获得的值是组件实例，此时获取dom需要读取实例的$el属性
https://cn.vuejs.org/guide/es...

Answer 2

加一个nextTick试一下

 if (tableRef.value) {
   nextTick(() => {
        console.log(tableRef.value.offsetTop)
        console.log(tableRef.value.table.offsetTop)
   })
 }

刚看到你这好像是个组件，那建议先把tableRef.value打印出来，然后一层一层的翻一下