VUE .data 사용 주의

1 minute read

var v = new Vue({ el: ‘#chatApp’, data: { “msgs”:[], } }

Vue.component(‘autolink’, { props: [‘content’], template: ‘<span>

How to Fix Overflow Issues in CSS Flex Layouts

less than 1 minute read

flex 를 가변으로 줄 경우, Firefox 에서는 버그로 flex의 item 이 삐져나오는 경우가 있다.해당 item에 min-height:0; 주면 처리가 되네 해당 item 만 줘야한다.

less than 1 minute read

</span>’, mounted: function() { $(this.$el).autolink(); } });

이 상태에서 v.msgs.shift(); v.msgs.push(); 를 사용할 경우, 데이터 갱신 없이, UI가 그려진다. 즉, autolink 에 적힌 내용이 안바뀐다. 그외 부분은 바뀌는데…

less than 1 minute read

flex 를 가변으로 줄 경우, Firefox 에서는 버그로 flex의 item 이 삐져나오는 경우가 있다.해당 item에 min-height:0; 주면 처리가 되네 해당 item 만 줘야한다.

less than 1 minute read

</span> 으로 바뀌면서 연결에 문제가 생기는 듯 v.msgs.shift(); v.msgs.push();

를 해도 autolink 부분을 빼버리면 정상 동작 한다.