javascript - Vuetify - 在开关内显示文本

Question

打开开关时应显示"is"文本，关闭开关时应显示“否”文本。

Answer 1

这是我找到的解决方案。

----- 我的组件 -----

<v-switch v-model="resolve" inset dense color="success">
  <template #prepend>
    <p class="small">Solved?</p>
  </template>
</v-switch>

----- 从样式插入文本(是/否)-----

.v-input.v-input--switch--inset .v-input--switch__track:after {
    content: "No";
    color: #333333;
    font-size: 10px;
}

.v-input.v-input--switch--inset.v-input--is-label-active.v-input--is-dirty .v-input--switch__track:after{
   content: "Yes";
   color: #28A745;
}