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

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

这个有什么办法解决吗?

发布于 2020-11-23 21:25
共1个回答
AD
游客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')`}}
回答问题