入力に動的ファジークエリを実装する方法

亚连
リリース: 2018-06-21 14:26:59
オリジナル
2755 人が閲覧しました

以下のエディターは、入力に基づいた動的ファジークエリの実装方法を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。エディターをフォローして見てみましょう

最近、動的ファジークエリを実装するためにjQueryを使用したとき、長い間探しましたが、Vue.jsのwatch属性ほど使いやすい動的ファジークエリメソッドを見つけることができませんでした。これまでに遭遇した落とし穴と、動的クエリを実装するいくつかの方法を紹介します。

1. jQueryのchange()メソッド。

このメソッドは、入力ボックスのフォーカスが失われた場合にのみイベントをトリガーします。これは少し役に立たないように感じます。このメソッドを知っている人がいくつか共有してくれることを願っています。チップ。

<input type="text" id="n3"/>


var $n3=$("#n3);//定位到input框
$n3.change(function(){
 this.query_search($n3.val());//query_search为模糊查询的方法
})
ログイン後にコピー

change() 関数は、一致する各要素の変更イベントにハンドラー関数をバインドするために使用されます。この関数は、変更イベントをトリガーするために使用することもできます。さらに、追加のデータをイベント ハンドラーに渡すことができます。変更イベントは、テキストの内容またはオプションが変更されるとトリガーされます。このイベントは、 および