Skip to content

unrefElement

从 Vue 引用或组件实例中检索底层 DOM 元素

¥Retrieves the underlying DOM element from a Vue ref or component instance

用法

¥Usage

vue
<script setup lang="ts">
import { 
unrefElement
} from '@vueuse/core'
import {
onMounted
,
useTemplateRef
} from 'vue'
const
div
=
useTemplateRef
<HTMLElement>('div') // will be bound to the <div> element
const
hello
=
useTemplateRef
<
Component
>('hello') // will be bound to the HelloWorld Component
onMounted
(() => {
console
.
log
(
unrefElement
(
div
)) // the <div> element
console
.
log
(
unrefElement
(
hello
)) // the root element of the HelloWorld Component
}) </script> <template> <
div
ref
="
div
" />
<HelloWorld
ref
="
hello
" />
</template>