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

Mat*_*ann 3 javascript vue.js

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

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

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

Ser*_*erg 5

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

 :class="{'disabled' : page === 1}"
Run Code Online (Sandbox Code Playgroud)