在vuetify v-for中为列表项单击打开所有菜单

<template>
  <div>
    <v-btn v-for="(item, index) in items" :key="index" @click="toggleMenu(index)">
      {{ item.name }}
    </v-btn>
    <v-menu v-model="menuOpen" :close-on-content-click="false">
      <template v-slot:activator="{ on }">
        <v-btn v-on="on">菜单</v-btn>
      </template>
      <v-list>
        <v-list-item v-for="(subItem, subIndex) in items[index].subItems" :key="subIndex">
          <v-list-item-title>{{ subItem }}</v-list-item-title>
        </v-list-item>
      </v-list>
    </v-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        {
          name: '列表项1',
          subItems: ['子项1', '子项2', '子项3']
        },
        {
          name: '列表项2',
          subItems: ['子项4', '子项5', '子项6']
        },
        // 其他列表项...
      ],
      menuOpen: []
    };
  },
  methods: {
    toggleMenu(index) {
      this.$set(this.menuOpen, index, !this.menuOpen[index]);
    }
  }
};
</script>