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

<template>
  <v-container>
    <v-list>
      <v-list-item
        v-for="(item, index) in items"
        :key="index"
        @click="toggleAllMenus"
      >
        <v-list-item-content>
          <v-list-item-title>{{ item.title }}</v-list-item-title>
        </v-list-item-content>
        <v-menu offset-y>
          <template v-slot:activator="{ on, attrs }">
            <v-btn icon v-bind="attrs" v-on="on">
              <v-icon>mdi-dots-vertical</v-icon>
            </v-btn>
          </template>
          <v-list>
            <v-list-item v-for="(subItem, subIndex) in item.subItems" :key="subIndex">
              <v-list-item-title>{{ subItem }}</v-list-item-title>
            </v-list-item>
          </v-list>
        </v-menu>
      </v-list-item>
    </v-list>
  </v-container>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { title: 'Item 1', subItems: ['SubItem 1A', 'SubItem 1B'] },
        { title: 'Item 2', subItems: ['SubItem 2A', 'SubItem 2B'] },
        // 更多列表项...
      ],
      allMenusOpen: false
    };
  },
  methods: {
    toggleAllMenus() {
      this.allMenusOpen = !this.allMenusOpen;
    }
  }
};
</script>