Vue模型只在输入元素失去焦点时更新

我是vue的新手，我试图在keyup事件触发时集成ajax搜索，我试图打印该值，但它看起来像模型只在输入时更新元素失去了重点。Vue模型只在输入元素失去焦点时更新

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

     } 
    } 
});

来源

2016-07-30 Bijoy

我能得到通过，$ event.target.value值。但我觉得这不是做事情的好办法。 – Bijoy

除了@ gurghet的回答，在vuejs中实现ajax搜索时，您可以在输入中指定debouce属性以防止它频繁地触发ajax请求。（[VUE-反跳（https://vuejs.org/guide/forms.html#debounce）） – wonyeouuu

应指定的变化，而不是KEYUP

来源

2016-08-01 07:35:29 gurghet

Vue模型只在输入元素失去焦点时更新

回答

相关问题