Tag: vue.js

2019
0
DevelopmentVue.js

Vue.js 배열 데이터 변경

프로젝트 중 팀원의 컴포넌트에서 데이터가 앞뒤로 콘솔 찍어봐도 분명히 바뀌는데 화면이 갱신되지 않는 문제가 있었다. 검색결과 배열이 문제였다. Vue는 감시중인 배열의 변이 메소드(push, pop, shift, unshift, splice, sort, reverse)를 래핑하여 갱신을 트리거 한다. JavaScript의 제한으로 인해 Vue는 배열에

0
DevelopmentVue.js

v-for 에서 이벤트 처리

웹 프로젝트 중 헤더부분 아이콘배치를 v-for문을 이용해서 반복문 처리하려는데 이벤트 처리부분이 문제가 됬다. 1234567<v-btn v-for="btnItem in btnItems" icon :title="btnItem.title" :key="btnItem.title"> <

0
Diary

미디어 쿼리 삽질 일기

Vue.js로 싱글페이지 프로젝트를 진행중 반응형 페이지를 만들어야 한다는 요구사항이 있었다. 일단 당장 생각대로 스크립트에서 장치명이나 너비를 가져와 그에 따른 스타일을 적용시키면 되겠지 하고 구글링을 해서 스크립트를 짰다. 화면을 줄여보며 만족해하고 있을때 미디어쿼리라는것을 알았다. 생각해보니 반응형 웹페이지 나온지가 언젠인데 이런 무식한 스크립트로