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>
    <!-- 我们需要将 div 作为模板引用的元素进行暴露 -->
    <div :ref="forwardRef">
      ...
    </div>
  </span>
</template>

useForwardExpose ​

用法 ​

useForwardExpose

用法