vue.js从json数据填充2个下拉列表

data() {
  return {
    jsonData: [
      { id: 1, name: 'Option 1' },
      { id: 2, name: 'Option 2' },
      { id: 3, name: 'Option 3' }
    ],
    selectedOption1: null,
    selectedOption2: null
  };
}

<select v-model="selectedOption1">
  <option disabled value="">请选择</option>
  <option v-for="option in jsonData" :value="option.id">{{ option.name }}</option>
</select>

<select v-model="selectedOption2">
  <option disabled value="">请选择</option>
  <option v-for="option in jsonData" :value="option.id">{{ option.name }}</option>
</select>

methods: {
  submitForm() {
    console.log('选中的选项1:', this.selectedOption1);
    console.log('选中的选项2:', this.selectedOption2);
  }
}