현재 부모 vue에서 자식 component를 불러오고 있습니다.
부모는 전체 레이아웃이고, 자식은 그 레이아웃 안에 있는 카드입니다.
카드의 맨 밑으로 스크롤을 하게 되면 카드가 추가되도록 하고 싶은데, 어떻게 해야 할지 모르겠네요.
현재 해 놓은 건, 부모에서 전체 데이터를 불러오고 자식 컴포넌트를 호출할 때 그 안에 데이터들을 집어넣어 호출 후 자식에서 for을 돌려 자식에 있는 scroll bottom event로 for limit을 바꿔 카드를 늘렸습니다.
제가 바꾸고자 하는 건, 부모에서 전체 데이터를 불러오는 게 아닌 스크롤이 내려갈때마다 특정 범위만을 불러오고 싶습니다. 이렇게 하려면 자식에 있는 event가 활성화됐을 때 그 limit을 부모에 emit하고, 부모가 on하면 그 limit으로 다시 데이터를 읽어들여서 자식한테 보내줘야 하는데, 이렇게 하는 게 맞나요?
다르게 하고자 플러그인도 생각해 보았는데, 아이디어가 마땅히 떠오르지가 않네요 ㅜㅜ