Vuetify防止v-list-item-group取消选择

<template>
  <v-list-item-group v-model="selectedItem" @change="handleSelectionChange">
    <v-list-item v-for="item in items" :key="item.id">
      <v-list-item-title>{{ item.name }}</v-list-item-title>
    </v-list-item>
  </v-list-item-group>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: 'default', // 设置默认选择项
      items: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' }
      ]
    };
  },
  methods: {
    handleSelectionChange() {
      // 检查选择的变化
      if (!this.selectedItem) {
        // 如果选择被取消，重新设置选择为默认项
        this.selectedItem = 'default';
      }
    }
  }
};
</script>