如何在vue.js中将v-once应用于v-bind：class？

Question

我知道，

<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 directives v-once

所以您要做的就是：

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