nuxt.js環境に”vue-numeral-filter”を追加する。
“vue-numeral-filter”モジュールインストール
npm i --save vue-numeral-filterplugin作成
pluginsディレクトリに下記js作成
import Vue from 'vue';
import vueNumeralFilterInstaller from 'vue-numeral-filter';
Vue.use(vueNumeralFilterInstaller, { locale: 'ja' });nuxt.config.js更新
pluginsディレクティブに {src: ‘~/plugins/vue-numeral-filter’, ssr:false } を追加
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
{src: '~/plugins/vuejs-paginate', ssr:false },
{src: '~/plugins/vue-numeral-filter', ssr:false },
],使い方
{{ 12345 | numeral('0,0') }} // => 12,345
{{ 10000 | numeral('$0,0') }} // => ¥10,000