【Vue Numeral Filter】如何在Nuxt.js中安装？

我试着在Nuxt.js中把它作为一个Nuxt.js模块和插件安装。但在nuxt 配置中安装模块后，不起作用。而作为插件安装的时候，它仅能在Client-side上起作用。

最重要的是，它会抛出一个错误：[Vue warn]: Failed to resolve filter: bytes.

这个有什么办法解决吗？

2020-11-23 21:25创建

共1个回答

游客AdtNgf

只需要要简单的按照Nuxt 插件文档的方法就能实现：

文件/plugins/vue-numeral-filter.js

import Vue from 'vue';
import vueNumeralFilterInstaller from 'vue-numeral-filter';

Vue.use(vueNumeralFilterInstaller);

然后在nuxt.config.js中添加：

plugins: [{ src: '~/plugins/vue-numeral-filter.js', ssr: false }]

然后就可以像文档中那样使用：

{{`561739482 | numeral('0,0')`}}

739 阅读

0 赞

【Vue Numeral Filter】 如何在Nuxt.js中安装？