read : VUE .data 사용 주의 : 기술 #vue #bug::공대여자홈

#vue #bug

var v = new Vue({

el: '#chatApp',

data: {

"msgs":[],

}

Vue.component('autolink', {

props: ['content'],

template: '<span>{{ content }}</span>',

mounted: function() {

$(this.$el).autolink();

}

});

</li>

이 상태에서

v.msgs.shift();

v.msgs.push();

를 사용할 경우, 데이터 갱신 없이, UI가 그려진다. 즉, autolink 에 적힌 내용이 안바뀐다. 그외 부분은 바뀌는데...

<autolink :content="msg.val"></autolink> 가 <span>{{ content }}</span> 으로 바뀌면서 연결에 문제가 생기는 듯

v.msgs.shift();

v.msgs.push();

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

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	987
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10596
공지	[공지] 기술 게시판	mins01	06/24 15:10	10785

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4