Vue选择选项未返回与值相同的值

Question

如上所述，我在Vue中使用change函数从模型中检索值，但它与值不相同。

---

这是选择标签

<b-form-select v-model="selectedLevel" @change="levelChange($event)" v-if="isProvinsiSelected === true">
  <option v-for="level in levels" :value="level.value" :key="level.value"> {{ level.text }}</option>
</b-form-select>

selectedLevel和级别

data () {
  return {
    selectedLevel: null,
    levels: [
      { text: 'Pilih level', value: null },
      { text: 'Provinsi', value: 1 },
      { text: 'Kabupaten', value: 2 },
      { text: 'Kecamatan', value: 3 },
      { text: 'Kelurahan', value: 4 }
    ],
  }

和方法

levelChange: function (event) {
  console.log(this.selectedLevel)
  if (this.selectedLevel === 1) {
    this.isProvinsiSelected = true
  }
}

---

但是当我尝试选择'Pilih Level'时， this.selectedLevel 返回 Pilih级别，而不是 null em>。当我尝试选择'Provinsi'时， this.selectedLevel 返回null，当我选择'Kabupaten'时， this .selectedLevel 返回1。有什么建议吗？