向在Vuetify.js中展开的列表添加活动状态

<template>
  <v-list>
    <v-list-item v-for="item in items" :key="item.id" @click="toggleItem(item)">
      <v-list-item-content>
        <v-list-item-title>{{ item.title }}</v-list-item-title>
      </v-list-item-content>
      <v-list-item-action>
        <v-icon>{{ item.expanded ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
      </v-list-item-action>
    </v-list-item>
  </v-list>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, title: 'Item 1', expanded: false },
        { id: 2, title: 'Item 2', expanded: false },
        { id: 3, title: 'Item 3', expanded: false }
      ]
    };
  },
  methods: {
    toggleItem(item) {
      item.expanded = !item.expanded;
    }
  }
};
</script>