【Vue.js】filtersプロパティを使用して金額にカンマ表示したい

やりたいこと

・千円ごとにカンマ打ちたい。

・楽に記載したい。

例)

1000000 円 ⇒ 1,000,000 円

結論

filtersプロパティを使用して、変数をパイプで区切って呼び出す。

 

例)


[html]

{{ result.yen | yenComma }}

 

[javascript]

yenComma: function(value) {
  return value.toLocaleString()
}


 

ES6使える場合はメソッド定義形式で記載できます。


[html]

{{ result.yen | yenComma }}

 

[javascript]

yenComma(value) {
  return value.toLocaleString()
}