vue的过滤器

import moment from 'moment'

// 事间过滤器
const dateTime = (val)=>{
    return moment(val*1000).format('YYYY年MM月DD日 hh时mm分ss秒 a')
}

// 等级过滤器
const ranks = (val)=>{
    let data = ''

    // 装换成数字
    switch(parseInt(val)){
       case 0:data = '一级';break;
       case 1:data = '二级';break;
       case 2:data = '三级';break;
       case 3:data = '四级';break;
       default:data = '等级不符合';
    }
    return data
}

// 等级颜色过滤器
const color = (val)=>{
    let data = ''
    // 装换成数字
    switch(parseInt(val)){
       case 0:data = '';break;
       case 1:data = 'success';break;
       case 2:data = 'warning';break;
       case 3:data = 'danger';break;
       default:data = 'info';
    }
    return data
}

export default {
    ranks,
    dateTime,
    color
}
// 引入文件
import filters from '@/filter'

// 然后用 Object.keys() 方法枚举为数组,遍历注册全局过滤器
Object.keys(filters).forEach((item)=>{
    Vue.filter(item,filters[item])
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值