vue.js

1.vuetify Data tables slot 구성 (dynamic slot name 활용)

post-thumbnail

vuetify를 사용하던 중 Data tables 컴포넌트를 갖고 있는 특정 컴포넌트를 구상했다.

2020년 7월 14일

2.Vue Apollo Client CSRF 토큰 전달

post-thumbnail

Vue apollo Client 통신 header에 서버의 CSRF 토큰 전달 방법(참고 서버는 스프링)httpLike option에 headers를 추가한다.thymeleaf 설정 추가, index.html 에서 meta tag 추가 후 build 시 에러 발생!th

2020년 7월 14일

3.vue css variable 동적으로 변경 / css-vars-ponyfill(ie)

post-thumbnail

runtime 중에 선택한 테마에 따라 동적으로 css variable을 변경해보자cssvue (script)css root 변수를 지정하고 var 키워드로 사용한다. css 파일을 import 하고,script 영역에서 setProperty로 변수 지정값을 변경할 수

2020년 9월 14일

4.Vue slot을 이용하여 dialog component 만들기(with vuetify)

post-thumbnail

vue slot 기능을 사용하여 재사용 가능한 dialog component를 만들어보겠습니다.아래와 같이 세가지 비슷한 dialog 화면이 있습니다.위의 3가지 dialog(modal) 화면에서 공통점이 있습니다.제목(header)내용(body)하단(footer)제목

2020년 9월 13일

5.vuejs + vuetify + vue-cli IE 브라우저 적용기(삽질기)

post-thumbnail

vuejs + vuetify ie 적용기 (a.k.a 삽질)vuejs + vuetify 환경으로 열심히 크롬에서 개발을 하고 있었다.개발 초기에 한번 ie에서도 뜨는지 확인 했을 때는 화면이정상적으로 뜨는 것을 발견하고 그 뒤로 확인을 안 했다고 한다..어느날 갑자기

2020년 8월 10일