-1

Здравствуйте начал изучать Vue, немогу разобраться у меня есть 2 компонента, 1-modal и 2-page, в page есть кнопка 'buy' при нажатие на нее должна передаваться boolean значения в компонент modal, а в modal есть кнопка Close и X а при нажатие на них модалка должна закрыться. понимаю что это делается при помощи $emit но я еще не понял.

2
  • Какая у тебя версия Vue? Так как с версии 3 сам emitter уже является отдельной библиотекой и emit был удален, если же версия вторая снизу есть нужный тебе ответ 23 янв 2021 в 21:10
  • 3 версия , я уже разобрался
    – Genesis
    25 янв 2021 в 2:58

1 ответ 1

2

Входные данные можно передавать через propshttps://ru.vuejs.org/v2/guide/components-props.html

В вашем случае, возможно, будет достаточно использовать для переключения показа v-if="showModal"

При закрытии в модальном окне при клике на кнопку можно генерировать событие, например: $emit('close')

В родительском ловить его, например: @close="onClose"

И в методе onClose отработать закрытие окна. Например, this.showModal = false

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.