javascript - 将 CSS 类添加到 Vue 禁用的按钮
问题描述
如果用户在第一页,我有以下按钮被禁用:
<button :disabled="page==1" v-on:click="page=1;run()" class="page-link" :class="{'disabled' : disabled}">First</button>
.disabled
但是,如果 Vue 禁用了该按钮,我想添加该类。可以通过Vue做到这一点吗?
解决方案
您可以将相同的条件直接放在类指令中:
:class="{'disabled' : page === 1}"
推荐阅读
- ios - 如何从 FacebookLogin 抓取图像
- excel - 如何将值从excel传递到IE
- python - 如何检查用于视频的编码器
- android - 向下滚动 ListView 选中的收藏按钮会取消选中 android studio
- excel - 无法成功移动箱线图
- unit-testing - 模拟 Kafka API 以进行单元测试
- c++ - C++ OPENGL 对照列表中的所有其他对象检查多个对象的位置
- reactjs - 在 React Typescript 中遇到的 No 重载与此调用匹配的错误
- r - emmeans 在模型规格和置信区间方面的意外行为
- java - 如何使用java将1到1000个数字写入文本文件?