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

Question

Vuetify 2 の v チェックボックスの上にカーソルを置くと、チェックボックスの後ろに淡色の円が表示されます。表示されないようにしたいです。現在、v-checkbox は v-tab と v-tooltip でラップされています。それが重要かどうかは疑わしいが、可能性はある。

<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>

v-hover でラップし、disabled 属性を使用してみましたが、成功しませんでした。

Answer 1

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

リーリー

以下は例です:

リーリー リーリー