vue 全局过滤器 filter的使用

mac2025-09-08  11

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]) })
| 管道符使用即可
最新回复(0)