목록v-select (2)

앙큼한 개발기록

[vuetifyjs] v-select 높이, 화살표 변경

v-select https://vuetifyjs.com/en/components/selects/ vuetify를 쓰면서 selectbox를 변경하는게 가장 어려웠던거 같다... 아래의 코드를 global css 에 적용하고 높이와 색상을 조절하면 편리하다. .v-select { flex: none; // 기본 값이 1로 되어 있어서 width를 줘도 먹지 않을 수 있다. .v-input__control { height: 33px; // 내가 원하는 높이 width: inherit; .v-input__slot { min-height: initial !important; width: inherit; margin: 0; } .v-select__slot { height: 33px; // 내가 원하는 높이 .v-..
개발/vue & nuxt 2023. 6. 22. 23:04
[vue-select] 내용 정리

프로젝트를 진행하면서 vue-select를 많이 사용하였는데 매번 쓸 때마다 공식문서 찾아가며 이리저리 검색하며 사용한 내용들을 정리하고자 글을 작성한다. 우선 , 나는 nuxt framework를 사용하였고 vue select는 plugin directory안에 library.js를 만들어 공통 컴포넌트로 만들고 그냥 호출해서 쓴다. (대부분의 외부 라이브러리는 해당 파일 안에 때려 박는다.) library.js import Vue from 'vue' import vSelect from 'vue-select' Vue.component('v-select', vSelect) nuxt.config.js ... plugins: [ {ssr: false, src: '@/plugins/mixins.js'}, {s..
개발/javascript 2022. 12. 5. 22:06
이전 Prev 1 Next 다음