vue3 ref转化成 HTMLElement。vue3通过ref获取dom节点

vue3其实是可以直接利用ref获取dom节点的，代码如下

<template>
    <div class="app-container">
        <div ref="taskTableDataRef"></div>
    </div>
</template>
<script lang="ts"  setup>
import { onMounted,ref } from 'vue'
const taskTableDataRef = ref<HTMLElement | null>(null)
onMounted(() => {
    // 直接taskTableDataRef.value就可以获取dom节点了
    taskTableDataRef.value
})
</script>

直接taskTableDataRef.value就可以获取dom节点了,但是要注意ref放的位置，如果放的是组件上面，比如el-table，获取到的就不是dom节点了哦！