Vue.js 获取 Select 选择的值：使用 v-model 和 @change

<template>
  <div>
    <select v-model='selectedOption' @change='handleChange'>
      <option value='option1'>Option 1</option>
      <option value='option2'>Option 2</option>
      <option value='option3'>Option 3</option>
    </select>
    <p>Selected option: {{ selectedOption }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selectedOption: ''
    };
  },
  methods: {
    handleChange() {
      console.log(this.selectedOption);
    }
  }
};
</script>
<p>在上面的示例中，<code>selectedOption</code> 是一个 data 属性，通过 <code>v-model</code> 指令将选择框的值绑定到这个属性上。然后，在 <code>@change</code> 事件中调用 <code>handleChange</code> 方法来处理选择变化的逻辑。在 <code>handleChange</code> 方法中，可以通过 <code>this.selectedOption</code> 来获取选择的值。</p>