javascript - 如何在选择时检测 Vue.js 上的事件

Question

我正在尝试通过单击、更改或按键来识别事件这是我的监听事件代码：

<div class="form-group input-group mb-3">
  <select 
    title="" 
    @change="onChange(this.value)" 
    v-model="formData.region" 
    class="form-control select2 select2-hidden-accessible" 
    id="region" 
    style="width: 100%; height: 35px !important;" 
    data-select2-id="1" 
    tabindex="-1" 
    aria-hidden="true"
  >
    <option selected="selected" disabled>Выберите область</option>
    <option v-for="(region, $index) in regions" :key="$index" :value="region.id">{{region.name}}</option>
  </select>
</div>

onChange(){
  alert('yes');
},

这是我声明 formData 的代码

data() {
  return {
    formData: {
      region: '',
    }
  }
},

这些方法都没有奏效

标签： javascriptvue.jsvuejs2