KnovyLab

  • 홈
  • 방명록

2026/10/06 1

Vue 자동완성(Autocomplete) 검색 컴포넌트 구현하기

Vue에서 input에 입력한 값에 따라 목록을 필터링하고, 검색 결과를 선택할 수 있는 간단한 자동완성 기능을 구현해봤다.처음에는 입력값에 따라 목록만 필터링하고, 이후 검색 결과 선택과 초기화 기능까지 추가했다.입력값으로 목록 필터링하기먼저 검색할 데이터와 input 값을 저장할 searchTerm을 만든다. search number one to four {{ num.name }} input 값이 변경될 때 setSearchTerm()에서 searchTerm을 변경하고, computed의 filteredList에서 해당 값을 기준으로 목록을 필터링한다.return this.dataList.filter((num) => ..

Javacript 2026.10.06
이전
1
다음
더보기
프로필사진

KnovyLab

웹·앱 개발 과정에서 마주친 문제와 해결 방법을 기록합니다. 직접 겪고 해결한 내용을 중심으로 정리합니다.

  • 분류 전체보기 N
    • Javacript N
    • Troubleshooting

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바