2018년 5월 28일 월요일

vuejs | filter | 숫자단위당 쉼표 표기하기

vuejs | filter | 숫자단위당 쉼표 표기하기
화폐 단위를 표기하기 위해서 숫자 단위당 쉼표를 표기하는 방법
Vuejs Filter Currency with decimal places
regex를 이용하는 방법도 있겠지만, 기본 내장함수를 이용하는게 제일 간단한 방법이다. 코드량도 늘어나지 않고.
필터ㅌ에 아래와 같은 코드를 추가 합니다.
filters: {
  currency: value => {
    if (!value) return  ''
    return value.toFixed(0).replace(/(\d)(?=(\d{3})+(?:\.\d+)?$)/g, "$1,")
  }
}
.toFixed(num) : 소수점 아래 표기 자릿수(num)