vuetify에서 스크롤 가능한 v-list를 생성하는 방법

vuetify에서 스크롤 가능한 v-list를 생성하는 방법

내가 만든 것은v-list플렉스 레이아웃과 v-list의 나머지 공간을 가로로 채웁니다.그러나 목록에 총 높이가 열 높이보다 큰 요소가 많이 포함되어 있으면 목록이 돌출됩니다.v-list에 max-height를 추가하고 높이를 고정하려고 했지만 목록 항목이 래퍼에서 튀어나왔다.v-listv-scroll을 추가하려고 했지만 소용이 없었습니다.

그러면 목록에 div에 표시될 수 있는 것보다 더 많은 항목이 있는 경우 어떻게 v-list를 만들 수 있을까요?

다음 CSS 규칙을 추가해 보겠습니다.

.v-list{
  height:200px;/* or any height you want */
  overflow-y:auto
}

데모를 확인하다

언급URL : https://stackoverflow.com/questions/57286092/how-to-create-scrollable-v-list-in-vuetify