如何在Vue中只激活手风琴中的一项？

<template>
  <div>
    <div v-for="(item, index) in accordionItems" :key="index">
      <div @click="toggleAccordion(index)">
        {{ item.title }}
      </div>
      <div v-if="activeIndex === index">
        {{ item.content }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: -1, // 初始值为-1，表示没有任何项激活
      accordionItems: [
        {
          title: 'Item 1',
          content: 'Content 1'
        },
        {
          title: 'Item 2',
          content: 'Content 2'
        },
        {
          title: 'Item 3',
          content: 'Content 3'
        }
      ]
    };
  },
  methods: {
    toggleAccordion(index) {
      this.activeIndex = this.activeIndex === index ? -1 : index;
    }
  }
};
</script>