vuecli로 프로젝트 생성후 vue add vuetify 로 vuetify를 추가한후 실행했을때 아래와 같은 에러가 나왔을때 Could not find a declaration file for module 'vuetify/lib' Try `npm install @types/vuetify` if it exists or add a new declaration (.d.ts) file containing `declare module 'vuetify/lib';` typescript를 쓰고있는데 위와같이 에러가 나올경우 tsconfig.js >types 에 "veutify"를 추가하면 된다. "types": [ "webpack-env", "mocha", "chai", "vuetify" ],
vuejs input에 한글입력시 커서가 이동해야지만 model에 값이 적용되는데 @input 이벤트를 이용하여 바로 적용한다. 한글 1글자 이상만 유효성 검증 아래 codepen참조 See the Pen vuejs input 한글입력 by homin ahn (@beans9) on CodePen.
Vue-cli에서 프로젝트를 만들때 Css Pre-processors에서 SASS를 선택하면 아래 설정없이 바로 style에서 선언하여 사용가능합니다. 1 2 3 4 5 6 7 cs 만약 cli를 이용해서 생성시에 설정을 해주지 않았으면 아래처럼 별도로 설치후 사용하시면 됩니다. -------------------- Vue-cli 로 설치할 경우 간단한 설정만으로도 scss를 사용할수 있습니다 . scss는 css를 좀더 편하게 사용할수 있게 해주는 확장언어입니다. (http://sass-lang.com/) 사용방법은 우선 "sass-loader","node-sass" js dependency를 추가합니다. npm install sass-loader node-sass --save-dev webpack.b..
vuejs를 이용하여 layout을 잡는중.. vuejs 특성상 root element 가 존재해야 한다. 아래와 같이 만들어 보았는데.. x-scroll이 생길 경우 height 좀 더 높아지는 버그가 있다.. 어떻게 고쳐야할지.. See the Pen nav fixed footer layout use flex by homin ahn (@beans9) on CodePen.
