如何在使用v-for时使用v-select但不重复

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-select@latest"></script>

new Vue({
  data: {
    options: [
      { id: 1, name: 'Option 1' },
      { id: 2, name: 'Option 2' },
      { id: 3, name: 'Option 3' },
      // 其他选项...
    ],
    selectedOptions: [] // 用于存储用户选择的选项
  }
});

<template>
  <div>
    <v-select v-for="option in filteredOptions" :key="option.id" v-model="selectedOptions" :options="options" label="name" multiple></v-select>
  </div>
</template>

<script>
export default {
  computed: {
    filteredOptions() {
      // 过滤已选择的选项
      return this.options.filter(option => !this.selectedOptions.includes(option));
    }
  }
}
</script>

new Vue({
  components: {
    'v-select': VueSelect.VueSelect
  }
});