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

【问题标题】：Vue model only updating when input element lose focusVue 模型仅在输入元素失去焦点时更新
【发布时间】：2016-12-05 08:35:46
【问题描述】：

我是 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>

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

        }
    }
});

【问题讨论】：

我可以通过 $event.target.value 获取值。但我觉得这不是 vue 做事的方式。
除了@gurghet 的回答，在vuejs 中实现ajax 搜索时，您可以在输入中指定debouce 属性，以防止它过于频繁地触发ajax 请求。 (vue-debounce)

标签： javascript html vue.js

【解决方案1】：

您应该指定更改而不是 keyup

【讨论】：