検索

ホームページ  >  に質問  >  本文

Vuetify 2 の v チェックボックスのホバー効果を無効にする

<p>Vuetify 2 の v チェックボックスの上にカーソルを置くと、チェックボックスの後ろに淡色の円が表示されます。表示されないようにしたいです。現在、v-checkbox は v-tab と v-tooltip でラップされています。それが重要かどうかは疑わしいが、可能性はある。 </p> <pre class="brush:php;toolbar:false;"><v-tab v-for="myTabList のタブ" :key="tab"> <span>{{$t(tab)}}</span> <v-ツールチップ下部> <template #activator="{ on }"> <span v-on="オン"> <v-checkbox @click.stop/> </span> </テンプレート> <span>ツールチップテキスト</span> </v-tooltip> </v-tab></pre> <p>v-hover でラップし、disabled 属性を使用してみましたが、成功しませんでした。 </p>
P粉826429907P粉826429907457日前539

全員に返信(1)返信します

  • P粉248602298

    P粉2486022982023-09-04 00:33:24

    これは波及効果です。:ripple プロパティを使用して無効にできます:

    リーリー

    以下は例です:

    リーリー リーリー

    返事
    0
  • キャンセル返事