Как отобразить компоненты при клике в vue.js?

Пользователь

от landen.nienow , в категории: JavaScript , 8 месяцев назад

Как отобразить компоненты при клике в vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от cayla , 8 месяцев назад

@landen.nienow 

Для отображения компонентов при клике в Vue.js можно использовать условную директиву v-if или v-show.


Вариант с использованием v-if:

1
2
3
4
5
Кликни для отображения компонента


  


Вариант с использованием v-show:

1
2
3
Кликни для отображения компонента



В обоих случаях, при клике на кнопку значение переменной showComponent будет переключаться между true и false, что в свою очередь будет контролировать отображение компонента <ComponentToDisplay>.