有没有比较熟悉Vue3的, 麻烦帮忙看下这个需求怎么实现?-灵析社区
努力的大名我把问题简化了一下. 设计一个 vue 组件, 模板如下: const childRef = ref(); 要求很简单: 无论外部向该组件的默认插槽中提供什么内容, `childRef.value` 始终指向插槽内的渲染的第一个元素实例或者为 null. 要求所有逻辑都实现在该组件内部 同样的问题我咨询过 ChatGPT4, 给出的方案是用 MutationOberserver 实现. 感觉确实能做, 但略牵强... 不知道有没有更优雅一点的解决方案?
通了顺畅了"vue" 中应该没有现成的方案直接绑定第一个子元素，但是有个思路：
1. 用 "watch" 或 "watchEffect" 监听 "$slots.default" 的变化
2. 在变化后将 "$slots.default" 中的第一个元素赋值到 "childRef.value" 中；