uniapp项目中定义全局过滤器

1.定义一个filters.js文件用于存放过滤函数

/**
* 数据脱敏
* @param {Object} e
* @param {Object} start 前面保留几个字符串
* @param {Object} end 后面保留几个字符串
*/
function dataDesensitization(value,start=3,end=4){
	if(value){
		const valueArray=value.split("");
		for(let i=start;i<valueArray.length-end;i++){
			valueArray[i]="*"
		}
		return valueArray.join("")
	}			
}
export default {
	dataDesensitization
}

2.在uniapp项目的main.js文件中引入上述的filters.js文件：

import Vue from 'vue'
import App from './App'
import store from './store'
import filters from './common/js/filters.js'

Vue.config.productionTip = false
Vue.prototype.$store = store

// 添加全局filter
Object.keys(filters).map(v => {
    Vue.filter(v, filters[v])
})

App.mpType = 'app'

const app = new Vue({
	store,
    ...App
})
app.$mount()

3.在页面中直接使用

{{phone | dataDesensitization(3,4) }}