vue 全局過濾器 filter的使用

1. src目錄下新建filters目錄，filters目錄裏新建index.js文件（寫過濾方法）

import moment from 'moment/moment'
const toFixed = (value = 0) => {
  let val = Math.round(value * 100) / 100
  return val.toFixed(2)
}
const dateFormat = (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') => {
  // 判斷數據如果爲空返回'--' 否則返  回日期
  if (!dataStr) {
    return ' -- '
  }
  return moment(dataStr).format(pattern)
}

export { toFixed, dateFormat }

2. main.js裏面註冊filters

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
import { get, post } from './utils/http'
import * as filters from './filters/index'
import 'element-ui/lib/theme-chalk/index.css' // 默認主題
import './assets/css/icon.css'

Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

| 管道符使用即可