김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

vuefilter콤마 1

[nuxt/vue filter] 숫자 3자리(천자리) 마다 콤마 찍으면서 소수점 처리하기

자바스크립트에서 천 자리마다 콤마를 찍어줘야 하는 경우가 많다. 숫자에다가 천 자리마다 콤마를 찍기 위해서는 정규식을 이용해야 한다. Vue에서는 Filter를 이용해서 숫자 3 자리 마자 콤마를 찍는 게 가능하다. example.vue {{price | numberFormat(2)}} 예시 코드이다. vue filter를 이용해서 numberFormat이라는 filter를 만들어준다. 두 번째 인자로 toFixed를 이용해서 소수점을 잘라준다. 나의 경우 2를 넣어서 소수점을 2자리까지 표시해준다. price에 들어간 342345.10923이라는 숫자가 vue filter를 통해서 소수점이 2자리까지 잘리고 그 이후 정규식을 이용해서 3자리마다 콤마를 찍어주게 된다. 이처럼 간단하게 vue filter..

FrontEnd/Vue.js 2021.12.17
1
더보기
  • 분류 전체보기 (203)
    • Diary (4)
    • FrontEnd (109)
      • Javascript (20)
      • Vue.js (34)
      • css (17)
      • React (11)
    • etc. (88)
      • Notion (71)

Tag

노션무료템플릿, react, 노션활용법, 노션템플릿공유, 리액트, CSS, 노션가계부, Notion템플릿공유, JavaScript, 노션사용법, 노션표, Vue, 노션템플릿, 노션가이드, 노션수식, notion, 노션유용한템플릿, 노션데이터베이스, 노션, NUXT,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Copyright © Kakao Corp. All rights reserved.

티스토리툴바