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>