vue 全局过滤器 filter的使用

最新推荐文章于 2022-05-23 17:35:46 发布

优秀的土豆丝

最新推荐文章于 2022-05-23 17:35:46 发布

阅读量287

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_36773704/article/details/102859775

版权

vue 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

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])
})