반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- kotlin
- bucket max-key
- NUXT
- Vue
- 동일 프로그램
- CSS
- f035d
- Electron
- vuejs
- sequelize
- 동일 프로세스
- Android
- error
- xlsx
- v-text-field height
- naver storage
- electron-nuxt
- c#
- bucket cors
- onsen-ui
- JavaScript
- onsenui
- v-select
- 프로세스 방지
- sort
- nodejs
- Vuetify
- MySQL
- naver storage bucket error
- vuetifyjs
Archives
- Today
- Total
목록resize (1)
앙큼한 개발기록
[vue div resize] 내부 화면 크기 조절하기 (onResize library를 겸한)
테이블을 사용하면서 고객이 칼럼의 크기를 자유롭게 조절해 달라고 요청이 들어왔다. 기존에 사용하던 테이블 태그를 버리고 div를 이용해서 테이블의 컬럼을 자유롭게 조절할 수 있도록 구현 한 내용을 정리해 보고자 한다. 인터넷에 검색하니까 잘 안나오더라.. 처음에는 테이블을 구현하고 css 를 이용해서 resize 속성을 넣어서 좌우로 마우스를 이용해 조절하게 해놓았다. 이름 ... .. 근데 vue에서 v-on:resize 로 이벤트를 받을 수 없어서 이것 저것 찾던 중 resize 될때마다 호출 되게 할수 있고 resize에 대한 이벤트를 받을 수 있는 라이브러리가 있어서 적용했다. 내가 적용한 라이브러리 :vue-element-resize-detector https://www.npmjs.com/pac..
개발/vue & nuxt
2023. 4. 2. 16:18