全局 过滤器 filter

创建单个

// 引入全局uView
import uView from 'uview-ui';
Vue.use(uView);

这里是基于 uView 框架 使用的
// 过滤器
Vue.filter('localTime', (date, format = 'yyyy-mm-dd')=>{
	return Vue.prototype.$u.timeFormat(date, format);
})

使用

{{1636707096000 | localTime('yyyy-mm-dd hh:MM:ss')}}

// 2021-11-12 16:51:36

一次创建多个

filters.js 文件
/**
 * 隐藏手机号码
 * @param val {Number, String} 转换的字符串对象
 * @param retain {Number} 保留位数
 * @return {String}
 */
export privatePhone = function(val,retain = 4){
    if(!NUMBER(val) || String(val).length !== 11 || retain==0 ) return val;
    let phone = String(val)
    let digit = 11 - 3 - retain
    let reg = new RegExp(`^(\\d{3})\\d{${digit}}(\\d{${retain}})$`)
    return mobile.replace(reg,`$1${'*'.repeat(digit)}$2`)
}

main.js 文件

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