button - 如何在不更改颜色的情况下禁用 Vuetify 按钮

Question

我正在使用 Vuetify 的 v-btn通过 color 设置各种颜色的按钮组件支柱。一旦用户点击按钮，我设置 disabled至true所以他们不能再次点击它，但按钮会失去颜色并变灰。

有什么方法可以禁用按钮而不将其颜色更改为灰色？

Answer 1

而不是 disabled Prop ，您可以将自定义类与 pointer-events: none 一起使用，例如

.disable-events {
  pointer-events: none
}

<v-btn :class="{'disable-events': customCondition}">
如果需要，然后为该类添加其他样式。