vue全局过滤器

一杯充满泡泡的可乐

于 2021-09-03 14:23:05 发布

阅读量224

点赞数

CC 4.0 BY-SA版权

分类专栏： vue笔记文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/weixin_45781661/article/details/120080883

vue笔记专栏收录该内容

37 篇文章

订阅专栏

vue全局过滤器

任意写一个js文件，暴露出需要的方法,比如filters.js，格式如下

export function phoneFilter(val) {
  let str = "";
  str = val.substr(0, 3) + "****" + val.substr(val.length - 4);
  return str;
}

然后在main.js中引入

import * as filters from "./utils/filters";
// 全局过滤器
Object.keys(filters).forEach((key) => {
  Vue.filter(key, filters[key]); //插入过滤器名和对应方法
});

vue局部过滤器

 filters: {
    payFilter(val) {
      let text = "";
      if (val == 1) {
        text = "支付宝";
      } else if (val == 2) {
        text = "微信";
      } else if (val == 3) {
        text = "余额";
      }
      return text;
    },
  },