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

Javascript 将CSS类添加到Vue禁用的按钮,javascript,vue.js,Javascript,Vue.js,如果用户位于第一页,我有以下按钮将被禁用: <button :disabled="page==1" v-on:click="page=1;run()" class="page-link" :class="{'disabled' : disabled}">First</button> 首先 但是,如果所述按钮被Vue禁用,我想添加类.disabled。是否可以通过Vue执行此操作?尝试在on

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

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

但是,如果所述按钮被Vue禁用,我想添加类
.disabled
。是否可以通过Vue执行此操作?

尝试在onclick中将disabled更改为false,类似这样:
v-on:click=“page=1;run();!disabled”
v-on:click=“page=1;run();disabled=false”
您可以将相同的条件直接放入class指令:

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

我没有禁用的变量或prop,只有html中disabled属性上的绑定在满足条件时才被禁用。
:disabled=“page==1”
您还可以将相同的条件直接放入class指令:
:class=“{'disabled':page==1}”
@Serg,该指令起作用,你能给我一个答案,这样我就可以把它标记为正确的吗?