Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- xPlatform
- SPC
- Python
- hadoop
- react
- IntelliJ
- Android
- mybatis
- Kotlin
- table
- plugin
- Java
- MSSQL
- 공정능력
- GIT
- tomcat
- Eclipse
- mapreduce
- SSL
- es6
- vaadin
- SQL
- R
- 보조정렬
- window
- NPM
- Spring
- Sqoop
- JavaScript
- Express
Archives
- Today
- Total
DBILITY
javascript currency number format 본문
반응형
이거 보고 광고 한번 안 누른 이는 삼대가 재수가 없을지어다!ㅋㅋ
누르면 오십억게임 최후 승자가 된다!
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
vue에서 data binding할때 mustache안에서 적용해 보았다.
<template>
<div v-for="(estate,index) in estateList" :key="index">
<h4>{{estate.name}}</h4>
<p>{{new Intl.NumberFormat('ko-KR',{style:'currency', currency:'KRW'}).format(estate.price)}}원</p>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return {
estateList: [
{name: '우리집', price: 50000000},
{name: '너네집', price: 1500000000}
]
}
},
components: {}
}
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
반응형
'front-end & ui > javascript' 카테고리의 다른 글
javascript array sort exercise (0) | 2021.10.19 |
---|---|
kendogrid auto scroll to row and select (0) | 2021.09.28 |
div move + rotate + resize test (0) | 2021.05.20 |
div rotate test (0) | 2021.05.18 |
div drag test (0) | 2021.05.14 |
Comments