VueJS如何通过选择不同的单选按钮来触发方法？

data() {
  return {
    selectedOption: ''
  }
}

<div>
  <input type="radio" id="option1" value="option1" v-model="selectedOption">
  <label for="option1">Option 1</label>
</div>
<div>
  <input type="radio" id="option2" value="option2" v-model="selectedOption">
  <label for="option2">Option 2</label>
</div>

<button v-on:click="handleOptionChange">Submit</button>

methods: {
  handleOptionChange() {
    // 根据选项值执行相应的逻辑
    if (this.selectedOption === 'option1') {
      // 执行逻辑1
    } else if (this.selectedOption === 'option2') {
      // 执行逻辑2
    }
  }
}