2016-07-30 33 views
0

私はvueに新しく、キーアップイベントが発生したときに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> 

JS

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

     } 
    } 
}); 
+1

の変更を指定する必要があります。しかし、私はこれが物事を行うための方法ではないと感じています。 – Bijoy

+0

@ gurghetの回答に加えて、vuejsでajax検索を実装するときに、入力にdebouce属性を指定して、あまり頻繁にAjaxリクエストを発生させないようにすることができます。 ([vue-debounce](https://vuejs.org/guide/forms.html#debounce)) – wonyeouuu

答えて

1

私は、$ event.target.valueで値を取得することができます代わりからkeyup

関連する問題