VueJS. Как реализовать обработку событий на input-е?

Question

[willgood]

Фрагмент кода, который работает в браузере, но не работает в браузерах на мобильных устройствах:

<div id="example">
  
 <input type="text" v-model="addressModel" v-on:keyup="getData()" placeholder="">  
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script>
var example = new Vue({
  el: '#example',
  data: {
    addressModel: ''
  },  
  methods: {
    getData() {
     console.log(this.addressModel);
      //send request to api
    }
  }
})

</script>

Как заставить данный код на мобильных устройствах ( отправляем запрос к апи при изменении инпута).

https://codepen.io/Gur/pen/oNxZaKm

Comments

[Vladislav]

почему не работает, попробуй вместо conolse.log
alert может работает

[willgood]

Владислав, в мобильных не работает. Попробуйте в браузере в консоли запустить код и переключитесь на мобильный вид.

[Vladislav]

willgood, а ну точно. у мобилок то нету клавиатуры физ. меняй на input событие как ниже сказали

Answer 1

[willgood]

Сделал так (добавил ватчер):

watch:{
        addressModel: function(){            
            this.getData();
        }
 }