javascript - 用复选框替换Vuetify时间轴圈子

如何用Vuetify timeline circle替换表示新时间轴条目的Vuetify checkbox？

<div id="app">
  <v-app id="inspire">
    <v-timeline>
      <v-timeline-item>timeline item</v-timeline-item>
    </v-timeline>

    <!-- Checkbox
<v-checkbox v-model="checkbox1" :label="`Checkbox 1: ${checkbox1.toString()}`">
-->

  </v-app>
</div>

最佳答案

尝试如下使用插槽：

 <v-timeline-item color="transparent">
       <template v-slot:icon>
                <v-checkbox v-model="checkbox1" :label="checked">
        </template>
      </v-timeline-item>

您需要一些CSS来使v-timeline-item内的复选框居中，但是我建议使用v-stepper组件

关于javascript - 用复选框替换Vuetify时间轴圈子，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57663426/