prepend-icon=event icon not showing
2022. 1. 18. 14:53
728x90
반응형
앞선 포스팅에서 vuetify date picker를 적용을 했는데..
https://islet4you.tistory.com/entry/vuetify-Date-picker
vuetify Date picker
Vuetify 는 UI에서 지원하는 것들이 정말 막강하다고 생각이 됩니다. 오늘도 Date pickert에 대한 자료가 있어서 이렇게 소개하고자 합니다. 레퍼런스 사이트는 https://v15.vuetifyjs.com/ko/components/date-pi..
islet4you.tistory.com
이상하게 event 라는 글자만 뜨고 아이콘이 보이지 않아서 찾아보고 정리한 포스팅입니다.
아래처럼 아이콘 폰트를 인스톨 해주세요.
$ yarn add material-design-icons-iconfont -D
// OR
$ npm install material-design-icons-iconfont -D
그리고 main.js 에 하나를 더 import 를 해주시면 적용이 됩니다.
import 'material-design-icons-iconfont/dist/material-design-icons.css'
아이콘이 잘 적용된 모습니다.
여러분들도 vuetify 를 가지고 이용할때는 꼭 material font를 인스톨해주십시요.
728x90
'개발관련 > VUE JS' 카테고리의 다른 글
| vuetify v-card-title 중간으로 맞추는 방법 (0) | 2022.01.21 |
|---|---|
| vuetify v-text-field 한글 입력 안 되게 처리하기 (0) | 2022.01.19 |
| vuetify Date picker (0) | 2022.01.18 |
| vuejs enter key event 처리 (0) | 2022.01.17 |
| vuejs drawer menu link (0) | 2022.01.17 |
