封装过滤器并在main.js中引用

第一步:单独创建一个filters/index.js,在里面写入下面代码:
import moment from ‘moment’
//创建时间处理过滤器

export function dateTime(v) {
return moment(v*1000).format(‘YYYY年MM月DD日 HH时mm分ss秒’)
}

//处理权限等级的过滤器
export function ranks (v) {
let result = ‘’;
switch (v) {
case ‘0’: result = ‘一级’;break;
case ‘1’: result = ‘二级’;break;
case ‘2’: result = ‘三级’; break;
default: result = ‘没有要满足的级别’;

}

  return result

}

第二步:在main.js中引入filters并遍历filters
//引入filters
import * as filters from ‘@/filters’

//遍历filters
Object.keys(filters).forEach(item => {
Vue.filter(item,filters[item])
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值