我们在开发过程中,我们有的时候过滤往往是需要全局使用的,过滤器的使用还是非常常用的,今天我们就从0开始搭建我们的项目,建立一个全局的filter的使用,在uni-app的开发,建立一个全局的filter还是非常有必要的.
比如后端给我们的时间有问题,那么我们可能就需要多处的使用,
下面写一个简单的手机星号过滤器

let num = Number(phone);
		 if(!num){
			   return num || '' ;
		 }else{
			const reg = /^(\d{3})\d+(\d{4})$/;
			return num.toString().replace(reg, '$1****$2') || ''
			
		 }

我们不能让用户看到我们的手机号,这里我们在filter.js里面写了一个方法,全局过滤我们的手机号,当然前提是我们需要在我们的项目里面建立我们的filter.js,然后我们可以挂载在我们的全局,所以说
还是非常有必要的
步骤1 ,在main.js里面引入我们的filter.js文件

import filters from '@/framework/utils/filters'

步骤2: 直接循环使用我们的filter

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

然后我们在页面就可以使用了
可以这样的使用

<text class="title">{{title | formatTime }}</text>

总的来说还是非常方便使用的,嗯,加油!