useParentElement

類別

元素

匯出大小

497 B

上次變更

5 天前

取得指定元素的父元素

示範

原始碼

父元素標籤：尋找中...

用法

當沒有傳遞引數時，它將返回目前元件的父元素。

import { useParentElement } from '@vueuse/core'

const parentEl = useParentElement()

onMounted(() => {
  console.log(parentEl.value)
})

它也可以接受一個 ref 作為第一個引數。

TypeScript

import { useParentElement } from '@vueuse/core'
import { shallowRef } from 'vue'

// Don't forget to bind the ref to the element
const tooltip = shallowRef<HTMLElement | undefined>()

const tooltipWrapper = useParentElement(tooltip)

onMounted(() => {
  console.log(tooltipWrapper.value)
})

import { useParentElement } from '@vueuse/core'
import { shallowRef } from 'vue'
// Don't forget to bind the ref to the element
const tooltip = shallowRef()
const tooltipWrapper = useParentElement(tooltip)
onMounted(() => {
  console.log(tooltipWrapper.value)
})

類型宣告

export declare function useParentElement(
  element?: MaybeRefOrGetter<HTMLElement | SVGElement | null | undefined>,
): Readonly<ShallowRef<HTMLElement | SVGElement | null | undefined>>

原始碼

原始碼 • 示範 • 文件

貢獻者

Anthony Fu

IlyaL

Anthony Fu

青椒肉絲

JD Solanki

更新日誌

v12.8.0 於 2025/3/5

7432f - feat(types): 棄用 MaybeRef 和 MaybeRefOrGetter，改用 Vue 原生方法 (#4636)

v12.3.0 於 2025/1/2

59f75 - feat(toValue): 棄用來自 @vueuse/shared 的 toValue，改用 Vue 原生方法

v12.0.0-beta.1 於 2024/11/21

0a9ed - feat!: 移除 Vue 2 支援，優化捆綁包並清理 (#4349)

v10.0.0-beta.4 於 2023/4/13

4d757 - feat(types)!: 將 MaybeComputedRef 重命名為 MaybeRefOrGetter

0a72b - feat(toValue): 將 resolveUnref 重命名為 toValue

v10.0.0-beta.2 於 2023/3/28

e8168 - feat: 新增函式 (#2855)