Closed4

Vuetifyのボタンにdisabledを設定するとボタンが非表示になる時の対処法

TatsukiTatsuki

dataやcomputedのパラメータによって
Vuetifyで実装したボタンの活性・非活性を切り替える処理を実装した時、
disabledを有効化するとボタン自体が表示されなくなる

TatsukiTatsuki

【対処法】
他Propsで「dark」を指定していないか確認する。
指定している場合、外して試してみる。

darkが設定されていると、disabledを設定した時ボタンが表示されなくなるっぽい
理由は不明。

TatsukiTatsuki

デザイン上、ボタンが活性状態の時にdarkを指定したいときには、
disabledの値と連動して、darkにTrue・Falseをcomputedなどで設定するようにする。

このスクラップは2022/03/20にクローズされました