如何为for循环中的每个项目绑定每个select选项？Vue.js

<template>
  <div>
    <select v-for="item in items" :key="item.id" v-model="item.selectedOption">
      <option v-for="option in item.options" :key="option.value" :value="option.value">{{ option.label }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        {
          id: 1,
          options: [
            { value: 'option1', label: 'Option 1' },
            { value: 'option2', label: 'Option 2' },
            { value: 'option3', label: 'Option 3' }
          ],
          selectedOption: ''
        },
        {
          id: 2,
          options: [
            { value: 'option4', label: 'Option 4' },
            { value: 'option5', label: 'Option 5' },
            { value: 'option6', label: 'Option 6' }
          ],
          selectedOption: ''
        }
      ]
    };
  }
};
</script>