안녕하세요 궁금한 점이 있어 글 남깁니다.
vue에서 data변수를 바인딩함에 있어서 HTML 속성에도 바인딩이 된다고
수업에서 들었는데요
제가 plotly js라는 차트 라이브러리를 활용하는 부분에서 조금 막혔습니다.
<div id="차트1"></div>
<script> Plotly.newPlot("차트1", data) </script>
위 처럼 연결해주면 차트가 화면에 나오는게 기본 활용법 인데요
저 id부분을 변수로 바인딩 하려고 시도중입니다.(v-for 반복이 필요해서요)
<div :id="a"></div>
data(){ return{ a : '차트1' } } 과 같이
선언적으로 하드코딩 된 네이밍을 HTML에 바인딩 잘되어 차트가 일단 잘 나옵니다.
그런데
data(){ return{ a : '' } 로 선언한 뒤
로직 처리 과정에서 this.a = '차트1' 이라고 할당을 해주면
HTML에 제대로 바인딩이 안된 건지 화면에 표기가 되지 않더라구요.
혹시 어떤 부분에 문제가 있거나 체크를 해보면 좋을까요ㅠ
