v-slot:opposite在Vuetify时间轴项中不起作用。

1. 确保Vuetify版本为2.3.9或更高版本。
2. 将v-slot:opposite写在<v-timeline-item>标签中，并将其绑定到一个名为opposite的插槽中。
3. 在插槽中使用<v-avatar>或其他组件来创建需要的内容。

示例代码：

<template> <v-timeline-item small v-for="item in items" :key="item.text" :color="item.color" :icon="item.icon" :opposite-color="item.oppositeColor" :opposite-icon="item.oppositeIcon" :opposite="item.opposite"

<template v-slot:opposite>
  <v-avatar class="mt-2" size="40" color="green accent-4">
    <v-icon>
      {{ item.oppositeIcon }}
    </v-icon>
  </v-avatar>
</template>
<div>
  <div>{{ item.text }}</div>
  <div>{{ item.date }}</div>
</div>

</v-timeline-item> </template>

<script> export default { data: () => ({ items: [ { text: 'First item', date: '24/12/2021', color: 'red', icon: 'mdi-account', oppositeColor: 'green', oppositeIcon: 'mdi-check', opposite: true }, { text: 'Second item', date: '25/12/2021', color: 'blue', icon: 'mdi-heart', oppositeColor: 'yellow', oppositeIcon: 'mdi-alert', opposite: false } ] }) } </script>