Я хочу сгенерировать компонент для выпадающего дисплея. Я хотел использовать слот для отображения контента на более высоком уровне. < /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
