반응형
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
반응형
'programing' 카테고리의 다른 글
| Vuex: 스토어에 직접 액세스하거나 속성을 전달합니까? (0) | 2022.07.28 |
|---|---|
| Jest로 vuex 모의, 유명한 getters (0) | 2022.07.28 |
| Vue 구성 요소 데이터 기능 - 이 비어 있음 (0) | 2022.07.28 |
| 이 표현은 무엇을 의미하며 왜 컴파일됩니까? (0) | 2022.07.28 |
| Vue CLI: 모듈 '../package를 찾을 수 없습니다.npm 설치 후 json 오류 발생 (0) | 2022.07.28 |