Vue2.js -如何从json中获取选定的选项

{
  "options": [
    {"id": 1, "name": "Option 1"},
    {"id": 2, "name": "Option 2"},
    {"id": 3, "name": "Option 3"}
  ]
}

data() {
  return {
    jsonData: {
      options: [
        {id: 1, name: "Option 1"},
        {id: 2, name: "Option 2"},
        {id: 3, name: "Option 3"}
      ]
    },
    selectedOption: null
  }
}

<div>
  <label for="options">Options:</label>
  <select id="options" v-model="selectedOption">
    <option v-for="option in jsonData.options" :key="option.id" :value="option.id">{{ option.name }}</option>
  </select>
</div>

methods: {
  printSelectedOption() {
    console.log(this.selectedOption);
  }
}