vue全局过滤器的注册

价格过滤器组件：

在src下创建filters文件夹然后创建filterPrice.js      eg:

export default (filterPrice) => {

    return filterPrice.toFixed(2)   //此文件用来过滤价格 （使小数保留两位）

} 

 

 

时间过滤器组件：

在src下创建filters文件夹然后创建filterTime.js      eg:

export default (time)=>{

    let date=new Date(time)

    let year=date.getFullYear()

    let M=String(date.getMonth()+1).padStart(2,'0')

    let D=String(date.getDate()).padStart(2,'0')

    let H=String(date.getHours()).padStart(2,'0')

    let Min=String(date.getMinutes()).padStart(2,'0')

    let S=String(date.getSeconds()).padStart(2,'0')

    return `${year}-${M}-${D}  ${H}:${Min}:${S}`

} //此文件用来实现将时间戳过滤成 年-月-日   时：分：秒

 

 

在src下创建filters文件夹然后创建index.js   (此文件是用来整合所有的过滤器文件的)

  import Vue from 'vue'

  import  filterPrice from './filterPrice'  //自定义的价格过滤器

  import filterTime from './filterTime'  //自定义的时间过滤器

  let obj={

    filterPrice,

    filterTime

  }

  for(let key in obj){

       Vue.filter(key,obj[key])  //循环全局注册过滤器

  }

 

 最后一定要在main.js中引入filters文件夹下的index.js

 

 使用：