vue3中怎么获取到vxetable中的html元素

在 Vue3 中，获取 `vxetable` 中的 HTML 元素的方式与 Vue2 有些不同。可以使用 `ref` 和 `setup()` 函数来实现。

首先，在 `vxetable` 组件中给需要引用的元素添加 `ref` 属性，例如：

<vxe-table ref="myTable"></vxe-table>

然后，在 `setup()` 函数中通过 `ref` 访问该元素，例如：

import { ref, onMounted } from 'vue'

export default {
  setup() {
    const myTable = ref(null)

    onMounted(() => {
      console.log(myTable.value.$el)
    })

    return {
      myTable
    }
  }
}

这样就可以在 `vxetable` 组件挂载后，通过 `myTable.value.$el` 获取到 `vxetable` 表格的根元素，然后可以使用原生 JavaScript 或第三方库（如 jQuery）对元素进行操作。需要注意的是，在 Vue3 中，`ref` 返回的是一个响应式对象，需要通过 `.value` 访问其实际的值。