Как применить v-once к v-bind: class в vue.js?
In vue у меня есть
<button v-bind:class = "['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"></button>
однако это связывает его с переменными tabs.currentTab. Однако фреймворк mdc уже переключает классы вкладок, поэтому мне нужно только то, что указано выше, для первоначального рендеринга. Что-то вроде использования v-once. Однако v-once:class не работает. Как я могу это сделать?
Спасибо
эта переменная уже установлена. Однако приведенный выше код привязывает его к переменной с помощью vue. Поэтому, если я обновлю переменную, vue обновит класс. Однако вместо этого я хочу визуализировать указанные выше классы только один раз.
Я хочу, чтобы он создавал классы, но без привязки, в основном так, как это делала бы библиотека "handlebars".
Простой обходной путь - создать вспомогательную переменную, которую вы установили для другой переменной, и затем вы все еще можете изменить ее, но помощник сохраняет в ней начальное желаемое состояние.
Ответы 1
Вы должны знать, что v-once не ожидает выражения: директивы vue v-once
Итак, все, что вам нужно сделать, это:
<button v-once v-bind:class = "['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"></button>
Ваш вопрос не очень ясен, но мне кажется, что вы должны установить
tabs.currentTabкак некоторое соответствующее начальное значение