1、新建一个filters.js

2、里面编写你的filter方法,这里以格式化时间为例子,把时间转变成还剩xx填yy小时zz分的形式

function getTime(times) {
    let timehtml = "";
    let leftTime =
        new Date(times).getTime() -
        new Date().getTime() +
        172800000;
    let days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
    let hours = parseInt((leftTime / 1000 / 60 / 60) % 24, 10); //计算剩余的小时
    let minutes = parseInt((leftTime / 1000 / 60) % 60, 10); //计算剩余的分钟
    if (days < 0) days = 0;
    if (hours < 0) hours = 0;
    if (minutes < 0) minutes = 0;
    if (days == 0 && hours == 0 && minutes == 0) {
        timehtml = "";
    } else {
        timehtml = days + "天" + hours + "小时" + minutes + "分";
    }
    return timehtml;
}

// 一定要暴露出去

export default {
    getTime
}

3、修改mian.js

// 引入你的文件
import filters from './utils/index'
// 添加全局filter
Object.keys(filters).map(v => {
    Vue.filter(v, filters[v])
})

4、使用

{{ item.dealt_at | getTime }}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐