vue3を使用してスロット内のHTMLElementsを取得するにはどうすればよいですか?
<p>現在、レイヤー コンポーネントを公開しているときに問題が発生しました。コードは次のとおりです。</p>
<p><em>// Wrapper.vue</em></p>
<pre class="brush:php;toolbar:false;"><テンプレート>
<slot v-bind="attrs"<</slot>
</テンプレート>
<script lang="ts"セットアップ＞
輸入 {
Props の定義、
参照、
時計、
useAttrs、
マウントされた、
アンマウント時、
現在のインスタンスを取得、
「vue」から;
const props =defineProps({
名前: { タイプ: 文字列、デフォルト: "" }、
zIndex: { タイプ: 数値、デフォルト: 0 },
});
const attrs = useAttrs();
const inst = getCurrentInstance();
const オブザーバー = ref(null);
時計（
() => [props.zIndex, props.name],
() => {
setBrothersAttrs();
}
);
onMounted(() => {
el = inst?.vnode.el; とします。
if (el) {
if (!observer.value)
observer.value = 新しい MutationObserver(setBrothersAttrs);
observer.value.observe(el.parentElement, { childList: true });
}
setBrothersAttrs();
});
onUnmounted(() => {
if (observer.value) observer.value.disconnect();
});
const setBrothersAttrs = () => {
el = inst?.vnode.el; とします。
let Children = el?.parentElement?.children;
if (el && Children) {
for (let i = 0; i
