跳至内容

useForwardExpose

转发组件的公开值、道具和 $el。

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

此外,此可组合扩展模板引用中缺少的公开 props

用法

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

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>