이번에는 입력 기반 동적 퍼지 쿼리를 소개해 드리겠습니다. 입력 기반 동적 퍼지 쿼리의 주의 사항은 무엇인가요? 다음은 실제 사례입니다.
최근 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()function은 핸들러 함수를 일치하는 각 요소의 변경 이벤트에 바인딩하는 데 사용됩니다. 이 함수는 변경 이벤트를 트리거하는 데에도 사용할 수 있습니다. 또한 이벤트 핸들러 함수에 몇 가지 추가 데이터를 전달할 수도 있습니다. 텍스트 내용이나 옵션이 변경되면 변경 이벤트가 트리거됩니다. 이 이벤트는 및