如何使用 Vuetify 用 v-tooltip 包装 v-switch？

Question

我尝试在文档https://vuetifyjs.com/en/components/tooltips/ 中这样做

<v-tooltip color="black" bottom >
        <template v-slot:activator="{ on, attrs }">
          <v-switch
            v-model="boo"
            v-bind="attrs"
            v-on="on"
            inset
          >
          </v-switch>
        </template>
        <div>
          Tooltip
        </div>
      </v-tooltip>

此处：https : //codepen.io/julienreszka/pen/BazvmYN 但未显示工具提示且 css 错误。

Answer 1

不是很性感，但你可以将 switch 包裹在一个 div 中

<div 
  v-on="on"
  v-bind="attrs">
    <v-switch
      v-model="boo"
    ></v-switch>
</div>