У меня есть модал, который имеет 2 слота, default slot и buttons slot, в default slot я буду устанавливать содержимое модала (в этом случае я буду использовать оповещение), а в buttons slot я будудобавьте несколько кнопок (в данном случае кнопку удаления).
Теперь я хочу создать component, который будет содержать alert и удаление button, упомянутое ранее.но alert будет в default slot и button в buttons slot модального.
Если я использую приведенный ниже код в компоненте modal, как это, он покажетмодал с предупреждением
<modal>
<template v-slot:default>
<v-alert type="warning" :value="true">
¿Are you sure you want to delete {{ text }}?
</v-alert>
</template>
<template v-slot:buttons>
<v-btn color="error" @click="clicked">Delete</v-btn>
</template>
</modal>
Теперь я хочу просто установить компонент внутри модала следующим образом:
<modal :title="title" :show="show" @close="show = false">
<modal-elim :text="'delete something'"></modal-elim>
</modal>
Я хочу сделать это, так что я могув будущем можно динамически изменять содержимое модального слоя и повторно использовать тот же модальный макет.
Как вы можете видеть, компонент modal-elim будет иметь alert и button, показанные ранее, но они должныapper в слотах компонента modal, я пробовал это
<template>
<div>
<template v-slot:default>
<v-alert type="warning" :value="true">
¿Estas seguro que deseas eliminar {{ text }}?
</v-alert>
</template>
<template v-slot:buttons>
<v-btn color="error" @click="clicked">Enviar</v-btn>
</template>
</div>
</template>
<template v-slot> can only appear at the root level inside the receiving the component
Когда я пытаюсь обернуть элементы внутри слота, выдается ошибка
Возможно добавитьродительский слот есть дочерний компонент?Как я могу это сделать?Как еще я могу обойти это?
в ModalElim компоненте?я пробовал это, но выдает ошибку.