nuxt 不能像传统的vue那样直接在main.js文件中添加全局过滤器,我们需要写一个插件,并在nuxt.config.js中启用

在plugins目录下创建一个filters.js文件夹

filters.js

import Vue from "vue";

// 无内容占位符
Vue.filter("placeholder", (value) => {
  if (!value && value !== 0) return "--";
  return value;
});

nuxt.config.js

export default {
  plugins:[
    '@/plugins/filters',//全局过滤器
  ]
}

由于过滤器基本上不需要window这些全局对象,所以他不需要设置指定在哪个端才能使用。

分类: nuxt 标签: 过滤器filtersvue全局过滤器nuxt

评论

目录