Компонент слота Vue3 Display на компоненте корневого уровня ⇐ Javascript

[Anonymous]

Я хочу сгенерировать компонент для выпадающего дисплея. Я хотел использовать слот для отображения контента на более высоком уровне. < /P>
Я реализовал следующую структуру. Я могу отображать компонент и управлять событиями. Но реквизит изменяется в «Componenta», а не запускает событие наблюдения на ChildComponent, которое отображается на «Компоненте раскрывающегося менеджера». Когда я отлаживаю «компонент раскрывающегося менеджера», он по -прежнему содержит старые реквизиты слота. Он по -прежнему использует значение первого идентификатора. Мне нужно было вспомнить Func ShowPopup. Я стараюсь использовать изменения слота для наблюдения, но не запускается при изменении идентификатора в "ChildComponent". < /P>
Спасибо, < /p>
const slots = useSlots();

watch(()=>slots,()=>{
// call function
})
< /code> Пример компонента в приложении < /p>
...





...


const props = defineProps({
id: {type: String}
})

< /code>
раскрывающаяся компонент: < /p>


Click




const slots = useSlots();
const props = defineProps({
options: {type: Array}
})

showPopup(){
mainStore.updateStateItem({
options: props.options.map(x=>{
return {...x, slot: slots[x._id]};
})
});
}

< /code>
Компонент раскрывающегося менеджера: < /p>



{{displayItem.key}}




const displayItems= ref();

watch(() => mainStore.stateItem,(val) => {
updateItems();
});

updateItems(){
displayItems.value=mainStore.stateItem;
}

< /code>
Верхний уровень: < /p>






Подробнее здесь: https://stackoverflow.com/questions/794 ... -component