如何将v-once应用于vue.js中的v-bind:class?

如何将v-once应用于vue.js中的v-bind:class?,vue.js,vuejs2,Vue.js,Vuejs2,在vue,我有 <button v-bind:class="['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"></button> 但是,这会将其绑定到variables tabs.currentTab。然而,mdc框架已经切换了选项卡类,所以我只需要在最初呈现上面的内容。有点像使用v-one。然而,v-once:课堂不起作用。我该怎么做 谢谢您应该知道v-once不需要表达式: 因此,您需要做的就是:

在vue,我有

<button v-bind:class="['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"></button>
但是,这会将其绑定到variables tabs.currentTab。然而,mdc框架已经切换了选项卡类,所以我只需要在最初呈现上面的内容。有点像使用v-one。然而,v-once:课堂不起作用。我该怎么做


谢谢

您应该知道v-once不需要表达式:

因此,您需要做的就是:

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

您的问题不太清楚,但我觉得您应该将tabs.currentTab设置为某个相关的初始值该变量已经设置好了。但是,上面的代码使用vue将其绑定到变量。因此,如果我更新变量,vue将更新该类。然而,我只想呈现上面的类一次。我想让它创建类,但没有绑定,基本上是库句柄如何完成的。简单的解决方法是创建一个helper变量,您将其设置为另一个变量,然后您仍然可以修改它,但helper在其中保持最初想要的状态。