느낌표하나
790
2019-08-29 17:17:09
3
187

new Vue 안에 타임리프 변수를 할당해서 사용하고 싶은데요...


new Vue({

data: {

year: /*[[${year}]]*/  

}

});


이런식으로 year 이라는 값은 서버단에서 현재 년도를 받은 상태입니다.

이것을 vue.js 에서 사용하고싶습니다.


참고로 스크립트 파일은 분리해서 사용중입니다.ㅠ

분리를 안했으면 <script th:inline="javascript">  </script> 여기 안에 사용하면 되지만

현재 저는 분리해서 사용을 하고 있어서 문제가 되네요 ㅠ


조언 부탁드립니다..

0
0
  • 답변 3

  • John Suhr
    1k
    2019-08-29 17:36:55

    JS가 분리되어 있는 경우에는 안타깝게도 템플릿 엔진에서 값을 삽입해 줄 수 는 없구요, 템플릿에 <input type="hidden" id="hiddenValue" th:value="..." /> 이런식으로 안보이는 DOM을 만드셔서 js안에서 $("#hiddenValue").val() 이런식으로 불러서 쓸 수는 있겠네요

    0
  • 느낌표하나
    790
    2019-08-29 18:03:11

    @john Suhr 님 

    네네! 답변 감사합니다. 

    0
  •  (づ。◕ ܫ ◕。)づ
    4k
    2019-08-29 19:46:55

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze


    window object로 만드신후 전역접근 하시면 됩니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.