Совместное использование v-model и @input

У меня есть входной параметр select в vue. И каждый раз, когда я что-то выбираю, мне нужно выполнить проверку условий. Мне нужно проверить данные, используемые в v-model. Мой вопрос: обновляются ли данные до выполнения функции input? V-model также использует :value и @input. Но здесь я добавляю пользовательский @input. Вот пример

Значение здесь равно null или обновлено и установлено равным значению входного параметра select?

Я однажды делал похожий пример и получил null. Затем недавно я протестировал новый code, и он сработал. Так что я в замешательстве. Кстати, я использую версию 2.6.11.

<template>

  <select v-model="val" @input="handleInput">

    <option value="option1">Option 1</option>

    <option value="option2">Option 2</option>

  </select>

</template>


<script>

export default {

  data() {

    return {

      val: null // initial value

    }

  },

  methods: {

    handleInput() {

      if (this.val === "option1") {

//do something

}

    }

  }

}

</script>