Sangil's blog

https://github.com/ChoiSangIl Admin

Vuetify select box 세로정렬 하기 DEV / WEB

2020-11-09 posted by sang12


https://vuetifyjs.com/en/components/selects/ 공식페이지 를 참고하여 select box를 구현하고 있는데.. 왠걸 select box를 만들면 아래 v-text-field details 이라는 공간이 잡혀서 셀렉트 박스가 살짝 위로 올라간다... 아놔 

해결 방법으로는  아래처럼 hide-details를 넣어 주면 깔끔히 사라진다. 가져다 쓰는 버릇만 하다보니.. 이런 현상이 나오면 잡는데 시간이 너무 걸린다 :(

       <v-select
          v-model="clientType"
          :items="clientTypeGroup"
          item-text="text"
          item-value="value"
          hide-details
       ></v-select>


#v-text-field details remove

11
2020-11-11 18:03:00

삭제된 댓글입니다.

답글
1
2024-11-01 13:13:18

1

답글
REPLY