在Vue.js中，当显示的元素被选中时，如何让事件在select中触发？

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

<select v-model="selectedValue">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

methods: {
  handleSelectChange() {
    // 在这里编写处理select选中事件的逻辑
    console.log('选中的值为：', this.selectedValue);
  }
}

<select v-model="selectedValue" @change="handleSelectChange">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>