안녕하세요. 처음으로 질문에 답변을 드린 것이므로 언제든지 답변을 수정해 주시면 매우 감사하겠습니다. 가장 아름답고 가벼운 솔루션은 모든 양식에서 무작위로 사용할 수 있는 지시문을 전역적으로 만드는 것입니다.

먼저 지시어가 포함된 파일을 만듭니다.debouncer.js

그런 다음 손떨림 방지 기능을 만들어 보세요

으아아아

이 파일을 정의한 후main.js로 이동하여 파일을 가져오고 내보낸 기능을 사용할 수 있습니다.

으아아아

완료되었습니다. 입력 상자에 지시문을 사용하려면 가져오기나 다른 작업이 필요 없이 이렇게 하면 됩니다.

으아아아

이 방법을 선택하면 v-model.lazy 지시어가 매우 중요합니다. 기본적으로 입력 이벤트의 바인딩된 속성을 업데이트하지만 이 지시어를 설정하면 변경 이벤트를 기다리게 되기 때문입니다. 흔들림 방지 기능을 방출합니다. 그렇게 하면 입력을 중지하거나 제한 시간이 만료될 때까지 v-model이 자동으로 업데이트되지 않습니다(지시문 값에서 설정할 수 있음). 그것이 명확해지기를 바랍니다.

제 바인딩을 템플릿에서 보고 싶었기 때문에 만족스러운 솔루션을 찾지 못해 솔루션을 공유하기로 결정했습니다. 저는 간단한 디바운스 함수를 작성하고 다음 구문을 사용하여 동작을 바인딩했습니다.

으아아아

템플릿 구문은 다음과 같습니다.

으아아아