검색
-
검색 필터 및 더보기 구현(#Filter #Search #LoadMore)Laravel/Inertia.js 2021. 11. 16. 15:16
# What? 스크롤 유지하면서 리스트 필터링 및 더보기 구현 # Why? 요즘은 페이지 바뀌면서 스크롤 초기화되는거 지양 # How? 1. form을 watch로 검사하지 말고 각 input에 @change를 걸어 filter 메소드 호출하게 하기 2. preserveScroll : true 옵션으로 스크롤 유지하기 3. replace: true 옵션으로 페이지 히스토리를 남기지 않고 뒤로가기 시 진짜 이전 페이지로 이동하게끔 하기(안그러면 필터값 바꿀때마다의 페이지 히스토리 다 남아서 뒤로가기 시 몇번을 눌러대야함) 4. preserveState : true 옵션으로 더보기 구현 시 이전 데이터 리스트에 새로 불러온 데이터 리스트를 추가하기 전체 {{ category.title }} 인기순 최신순 데..