javascript - Vue模型仅在输入元素失去焦点时更新

我对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);

        }
    }
});

最佳答案

您应该指定更改而不是keyup

关于javascript - Vue模型仅在输入元素失去焦点时更新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38678929/