vue.js - v-switch vuetify 按钮上的图标

Question

我正在使用 vuetify我只想在 v-switch 的按钮上添加一个图标，我在插槽中搜索，但一无所获

<v-switch label="Dark mode" flat inset></v-switch>

我要像这张照片一样

Answer 1

您可以使用 v-checkbox，带有关闭图标和打开图标。例如:

<v-checkbox class="pt-3"
    v-model="$vuetify.theme.dark"
    color="purple"
    off-icon="mdi-theme-light-dark"
    on-icon="mdi-theme-light-dark"
  ></v-checkbox>

引用 https://vuetifyjs.com/en/api/v-checkbox/#props