vue.js - 如何使用 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>