0
私はvueに新しく、キーアップイベントが発生したときにajax検索を統合しようとしていますが、値を表示しようとしましたが、要素がフォーカスを失った。入力要素がフォーカスを失うと、Vueモデルのみが更新されます
HTML
<input name="search" placeholder="Search" type="search"
@keyup="whenkeyup" @focus="searchResult"
@blur="hideResult"
v-model="searchvalue">
<button type="submit"> </button>
<span>
{{ searchvalue }}
</span>
JS
var search = new Vue({
el: '#header',
data: {
searchvalue :'',
},
methods: {
whenkeyup: function() {
//ajax call
console.log(this.searchvalue);
}
}
});
の変更を指定する必要があります。しかし、私はこれが物事を行うための方法ではないと感じています。 – Bijoy
@ gurghetの回答に加えて、vuejsでajax検索を実装するときに、入力にdebouce属性を指定して、あまり頻繁にAjaxリクエストを発生させないようにすることができます。 ([vue-debounce](https://vuejs.org/guide/forms.html#debounce)) – wonyeouuu