Vue.js
Vue.js [게시판 카테고리별 검색기능]
z00h
2022. 9. 15. 17:59
게시판 카테고리별 검색기능에 대한 vue.js를 구현해보자
ui에서 검색조건을 추가하고 그에 해당하는 category를 받아와서 param으로 같이 넘겨주면 된다.
v-select는 분류를 선택하는 태그이다.
items인 keywords에는 카테고리로 사용할 [작성자, 차량명, 지역] 을 담아준다.
3개중 하나의 검색조건을 선택하면 해당하는 문자열이 category에 들어가게 된다.
헤더에 실을 param이 하나 늘어났으므로 키워드 입력후 검색 버튼을 누르면 실행되는
keywordSearch메서드에서 params에 category만 추가해주면 된다!
url이 car/search로 바뀐것도 유의하도록 하자.
ui에서 검색조건(category) '작성자'로 홍길동(keyword)이 쓴 글을 검색해 보자
홍길동이 쓴 게시물 4개가 성공적으로 검색이 잘 되었다!
이전 포스팅 참고
Vue.js [게시판 검색기능]
Springboot에서 검색기능을 성공적으로 구현하였으니 vue.js로 frontend를 구현해 보도록 하겠다. template안에서 검색란, 검색버튼을 우선 만들어 보았다. 검색버튼을 누르면 keywordSearch라는 메서드가 실
z00h.tistory.com