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>