首页 > 解决方案 > 将 CSS 类添加到 Vue 禁用的按钮

问题描述

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

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

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

标签: javascriptvue.js

解决方案


您可以将相同的条件直接放在类指令中:

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

推荐阅读