Как повесить динамический стиль?

Question

[Darkness]

Ребят, как правильно повесить стиль ? На активную "вкладку " или компонент ?

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
    }
}

Answer 1

[Артур Карапетян]

p ( class="modalCreate__body-item" @click="switchView('modalCreateTemplate')" :class="{'switch': currentView === 'modalCreateTemplate'}") Выбрать шаблон
Контрагент

?

Comments

[Darkness]

******, почему я сам не додумался до этого?(
Я все перисал на документационный вариант, понял, что он не подхоит. А до этого не додумался! Большое спасибо, теперь буду знать !