찾다

 >  Q&A  >  본문

Vue.js 2에서 적절한 페이지 매김을 수행하는 방법

vue를 사용하여 페이지 매김을 만드는 데 문제가 있습니다. 내 임무는 버튼 번호를 클릭할 때 jsonplaceholder의 새 작업이 로드되는지 확인하는 것입니다.

첫 번째와 두 번째 페이지를 성공적으로 로드했습니다. 나는 이것이 나의 this.fetchTodos() 작업과 직접적인 관련이 있다고 생각합니다. 저는 vue를 배우고 있는데 로드하지 않고 새 페이지로 이동할 때 데이터를 업데이트하는 방법을 알아내는 데 도움이 필요합니다.

이 경우 페이지 URL을 변경(요청받기)해야 합니다. 내 페이지 상태가 변경되고 있는데 세 번째 페이지를 클릭해도 게시물이 로드되지 않습니다.

아래는 상황 이해에 도움이 될 4개 파일의 코드입니다.

GitHub을 사용하는 것이 더 쉬울 수도 있습니다. 페이지가 매겨진 브랜치를 확인해 보세요

도움을 주셔서 미리 감사드립니다! 궁금한 점이 있거나 더 많은 정보가 필요하시면 댓글에 적어주세요

TodoListView.vue - 할 일을 가져와서 페이지에 렌더링하는 시작 페이지입니다.

으아악

TodoListPaginationView - 페이지 매김을 클릭할 때 두 번째 페이지와 다른 페이지를 로드하는 두 번째 파일입니다.

으아악

PaginationBootstrap.vue - 페이징 로직인 세 번째 파일입니다. Ui 부트스트랩 5 파일.

으아악

todosModule.js - todos의 vuex 로직인 마지막 파일입니다.

으아악

P粉690200856P粉690200856243일 전428

모든 응답(1)나는 대답할 것이다

  • P粉702946921

    P粉7029469212024-03-28 09:08:55

    글쎄요, 제가 직접 해결책을 찾았습니다.

    가장 중요한 것은 관찰자입니다. TodoListPaginationView.vue에 다음 코드를 추가했습니다:

    으아악

    회신하다
    0
  • 취소회신하다