vue-router를 사용한 Google 받은 문서 스타일 탐색

vue-router를 사용한 Google 받은 문서 스타일 탐색

나는 앱을 만들고 있다.vue-router(현재는 사용되지 않는) Google Inbox와 유사한 UI를 얻으려고 합니다.Techcrunch 홈페이지가 더 나을 수도 있어요

• 아이템 리스트가 있다
• 이러한 항목 중 하나를 클릭하면 "제자리"에 추가 세부 정보가 표시됩니다.
• URL도 확장 항목을 반영하도록 업데이트됩니다.
• "뒤로"를 클릭하면 항목이 목록으로 다시 축소됩니다.
• URL 에 직접 액세스 하는 경우는, 페이지에 전개된 항목이 표시됩니다.또한 (옵션으로) 아래에 더 많은 리스트 항목이 표시될 수 있습니다.

문제는 이걸 어떻게 만들어야 할지 모르겠어요.아이를 어디에 배치해야 할지 모르겠어요.<router-view>확장하기 위해 방금 클릭한 항목에 따라 위치가 항상 동적으로 지정되기 때문입니다.

나는 그것이 명명된 뷰와 관련이 있다는 예감이 들지만 나는 그것에 대해 머리를 싸매지 못한다.

어떤 아이디어라도 환영합니다!

얼마 전 Vue github 페이지에도 비슷한 주제가 등장했지만 무너지는 컨테이너를 여는 것과 달리 모달의 개방에 관한 것입니다.이 스레드에 대한 기여자 중 한 명이 해결책을 제시하는 꽤 좋은 블로그 글을 썼습니다.

상기의 모달과 같이 다이내믹 루팅을 분류하면, blurb를 문서와 교환해, 확장을 애니메이션 하는 것은 매우 간단합니다.Vue docs 요리책에는 역동적인 블로그 구축에 관한 좋은 기사가 실려 있습니다.

언급URL : https://stackoverflow.com/questions/56021167/google-inbox-style-navigation-with-vue-router