【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()
}