无法以编程方式重置vuetify v-select in loop

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      <v-select v-model="selectedValues[index]" :items="item.options"></v-select>
    </div>
    <button @click="resetValues">重置</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { options: ['选项1', '选项2', '选项3'] },
        { options: ['选项A', '选项B', '选项C'] },
        // 其他v-select的选项
      ],
      selectedValues: [],
    };
  },
  methods: {
    resetValues() {
      this.selectedValues = [];
    },
  },
};
</script>