[Vue.js] Int 타입 데이터 1000단위 [, 콤마] 추가하기

개발 환경

---------------------------------

OS : Mac

개발 툴 : intelliJ

개발 언어 : java

프레임워크 : vue.js

---------------------------------

 

내가 마주친 상황 = DB에서 조회한 데이터를 화면에 뿌리려는데
기획은 천단위 이상의 데이터는 콤마를 찍어 달라고 요청했다.

 

DB에는 type이 int로 들어가 있고 DB상에서는 콤마가 잘 찍혀있다.

 

근데 데이터를 화면에 뿌라면 콤마가 사라진다. 크흠

 

해결방법 데이터 뒤에

 

<p class="point">{{ rankList?.data[1].eng.toLocaleString() }}<span>P</span></p>

 

이렇게 toLocaleString() 속성을 호출해준다.

 

이 속상은 데이터를 지정한 지역에서 사용하는 방식으로 변환해준다.

Array, Data 타입 등에도 사용할 수 있다고 한다.