Как применить v-Once к v-bind: class в vue.js?

Question

vue, у меня есть

<button v-bind:class="['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"></button>

, однако это связывает его с переменными tabs.currentTab.Однако фреймворк mdc уже переключает классы табуляции, поэтому мне нужно только вышеперечисленное для визуализации.Что-то вроде использования v-once.Однако v-once:class не работает.Как я могу это сделать?

Спасибо

Answer 1

Вы должны знать, что v-Once не ожидает выражения: vue директивы v-Once

Так что все, что вам нужно сделать, это:

<button v-once v-bind:class="['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"></button>