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
- shuffle array
- 오프라인전환단축키
- Vue
- vscode settings
- javascript 배열 섞기
- 주석 색깔
- Customer Relationship Management
- 가시성 검사
- 무작위 요소 추출
- 이미지 다이나믹 바인딩
- comments color
- 목업서버
- 크롬개발자모드
- 교차감지
- 무작위인덱스
- v-icon
- javscript scroll
- 가짜서버
- 배열 섞는 알고리즘
- vue route fullPath
- 랜덤 정수 배열
- javascript 오브젝트 감지
- attribute binding
- vue google login
- intersection detection
- vue img binding
- vuetify icon
- vue router 동일주소
- vue router 새로고침
- 주석 색상
Archives
- Today
- Total
노력하는 개발자 - 여름
vuetify 적용에 대해서 본문
여러가지 삽질을 해본 결과
vue 3.x 이상의 프로젝트에 vuetify 3 beta 를 적용하는 것은
아직인 것 같다
현재 미니프로젝트에 vuetify 3을 적용하려고 해보다가
포기하고 composition API 를 적용중이 아니기에
프로젝트를 vue 2.x 버전으로 내렸다
이상없이 잘된다!
------------------------------------

vuetify 적용하고 v-icon 등과 같은 컴포넌트를 사용할때 아이콘의
종류를 바꾸기 위해서는
<v-icon right dark> mdi-refresh </v-icon>
mdi- 뒤에오는 부분을 바꿔주면 된다.
Meterial 아이콘은 여기서 확인!
https://fonts.google.com/icons?selected=Material+Icons
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
폰트 어썸(font-awesome) 아이콘을 사용하고 싶다면
mdi- 대신 fa- 로 시작해주면 된다!
vuetify icon 관련 도큐먼트
https://v15.vuetifyjs.com/ko/components/icons/
'vue' 카테고리의 다른 글
| google login 도중 client:44 [GSI_LOGGER]: Failed to render button because there is no parent or options set. 이슈 해결 (0) | 2023.03.21 |
|---|---|
| [vue] router push 이동이 제대로 되지 않는 경우 (0) | 2022.06.21 |
| vue.js - 이미지 다이나믹 바인딩 img dynamic binding (0) | 2022.03.21 |