将 CSS 类添加到 Vue 禁用的按钮

Question

如果用户位于第一页，我有以下按钮会被禁用：

<button :disabled="page==1" v-on:click="page=1;run()" class="page-link" :class="{'disabled' : disabled}">First</button>

.disabled但是，如果 Vue 禁用了该按钮，我想添加该类。通过Vue可以做到这一点吗？

Answer 1

您可以将相同的条件直接添加到类指令中：

 :class="{'disabled' : page === 1}"