Ребят, как правильно повесить стиль ? На активную "вкладку " или компонент ?
p ( class="modalCreate__body-item" @click="switchView('modalCreateTemplate')" :class="{'switch': currentView}") Выбрать шаблон
p ( class="modalCreate__body-item" @click="switchView('modalCreateContacts')" :class="{'switch': currentView}") Контакт
// это переключение между компонентами
p ( class="modalCreate__body-item" @click="switchView('modalCreateContractors')") Контрагент
component(:is="currentView") // вывод выбраного компонента
components: {
modalCreateTemplate,
modalCreateContacts,
modalCreateContractors
},
methods: {
switchView (view) {
this.currentView = view
}
}
Пытался сделать, но либо выводится на всех сразу компонентах стиль, либо вообще не выводится. Сама логика переключения работает, буду благодарен за помощь!
UPD:
Попытался сделать через data. При этом вешая стиль если true.
Но опять же, при нажатие, на все item повесились стили :с
p(class="modalCreate__body-item" @click="switchView('modalCreateTemplate')" :class="{'switch': switched}") Выбрать шаблон
data {
switched: false,
},
methods: {
switchView (view) {
this.currentView = view
this.switched = true
}
}
