一个select标签可以有两个v-model吗？

<template>
  <select v-model="selectedValues">
    <option v-for="option in options" :value="option.value" :key="option.value">
      {{ option.text }}
    </option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { text: 'Option 1', value: 'A' },
        { text: 'Option 2', value: 'B' }
      ],
      selectedValueA: '',
      selectedValueB: ''
    };
  },
  computed: {
    selectedValues: {
      get() {
        return [this.selectedValueA, this.selectedValueB];
      },
      set(values) {
        this.selectedValueA = values[0];
        this.selectedValueB = values[1];
      }
    }
  }
};
</script>

<template>
  <select @change="handleChange">
    <option v-for="option in options" :value="option.value" :key="option.value">
      {{ option.text }}
    </option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { text: 'Option 1', value: 'A' },
        { text: 'Option 2', value: 'B' }
      ],
      selectedValueA: '',
      selectedValueB: ''
    };
  },
  methods: {
    handleChange(event) {
      const selectedOptions = Array.from(event.target.selectedOptions, option => option.value);
      this.selectedValueA = selectedOptions[0];
      this.selectedValueB = selectedOptions[1];
    }
  }
};
</script>