Vue模型僅在輸入元素失去焦點時更新

Question

我對vue還是陌生的，我試圖在keyup事件觸發時集成ajax搜索，我嘗試打印該值，但是似乎只有在輸入元素失去焦點時模型才更新。

的HTML

<input name="search" placeholder="Search" type="search" 
    @keyup="whenkeyup" @focus="searchResult" 
    @blur="hideResult" 
    v-model="searchvalue">
<button type="submit">&nbsp;</button>
<span>
{{ searchvalue }}
</span>

JS

var search = new Vue({
  el: '#header',
     data: {
         searchvalue :'',
     },
    methods: {
        whenkeyup: function() {
            //ajax call
            console.log(this.searchvalue);

        }
    }
});

Answer 1

您應該指定更改而不是keyup