从v-chip组中获取多个选定值

import { VChip } from 'vuetify/lib'

<template>
  <div>
    <v-chip v-for="item in items" :key="item.id" :selected="item.selected" @click="toggleSelection(item)">
      {{ item.label }}
    </v-chip>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, label: 'Option 1', selected: false },
        { id: 2, label: 'Option 2', selected: false },
        { id: 3, label: 'Option 3', selected: false },
        // 添加更多选项...
      ]
    }
  },
  methods: {
    toggleSelection(item) {
      item.selected = !item.selected
    }
  }
}
</script>

computed: {
  selectedItems() {
    return this.items.filter(item => item.selected)
  }
}

<template>
  <div>
    <div v-for="item in selectedItems" :key="item.id">
      {{ item.label }}
    </div>
  </div>
</template>