如何在slot-template中检测v-for complete事件？

<template>
  <div>
    <slot v-for="(item, index) in items" :item="item" :index="index"></slot>
    <div v-if="isVForComplete">v-for complete</div>
  </div>
</template>

<script>
export default {
  props: {
    items: {
      type: Array,
      required: true
    }
  },
  computed: {
    isVForComplete() {
      return this.index === this.items.length - 1;
    }
  },
  mounted() {
    if (this.isVForComplete) {
      this.$emit('vForComplete');
    }
  }
};
</script>

<template>
  <div>
    <slot-template :items="data" @vForComplete="handleVForComplete"></slot-template>
  </div>
</template>

<script>
import SlotTemplate from 'path/to/slot-template.vue';

export default {
  components: {
    SlotTemplate
  },
  data() {
    return {
      data: ['item1', 'item2', 'item3']
    };
  },
  methods: {
    handleVForComplete() {
      console.log('v-for complete event triggered');
      // 在这里进行相应的操作
    }
  }
};
</script>