Reka UI 徽标Reka
backdrop
实用工具

useForwardExpose

转发组件的暴露值、属性和 $el。

构建组件时,如果组件没有单个根节点,则模板引用将不会通过 $el 返回 DOM 元素(阅读更多),因此,我们需要手动为此组件转发模板引用中的 $el。或者在某些情况下,您希望将特定元素作为暴露元素。

此外,此组合式函数扩展了模板引用中缺失的暴露 props

用法

vue
<script setup lang="ts">
import { useForwardExpose } from 'reka-ui'

const selectedElementId = ref(1)
const { forwardRef } = useForwardExpose()
</script>

<template>
  <span>
    <!-- We want to expose div as the template ref's element -->
    <div :ref="forwardRef">
      ...
    </div>
  </span>
</template>