Vue 组合 api - 功能组件 refs

问题描述

在 Vue3 中，我有一个父组件，它只返回它的插槽内容并提供一些数据。是否可以在 setup 函数中访问 slot 的 ref？在 options-api 中，我会使用 this.$refs 或 this.$el.querySelector('selector'); 来获取有关组件子项的信息，但是是否可以在 composition-api 中做类似的事情？我的组件如下所示：

export default {
  name: "Parent component",setup(_,{ slots }) {
    const slotRef = ref('childComponentsRef')


    onMounted(() => {
        // how to get ref values or do querySelector inside this component
    });

    return () => slots.default();
  }
};
</script>

// Child Component
<template>
  <ParentComponent>
    <component ref="childComponentsRef">
    <slot/>
    </component>
  </ParentComponent>
</template>

是否也可以将某些内容传递给 return () => slots.default(); 中的插槽？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）