目录

1、在项目根目录创建filter文件夹index.js文件

2、全局注册引用文件

3、直接在页面使用


1、在项目根目录创建filter文件夹index.js文件

export const timeAgo = time => {
  const between = Date.now() / 1000 - Number(time)
  if (between < 3600) {
    return pluralize(~~(between / 60), ' minute')
  } else if (between < 86400) {
    return pluralize(~~(between / 3600), ' hour')
  } else {
    return pluralize(~~(between / 86400), ' day')
  }
}

2、全局注册引用文件

main.js中引用filter并且注册对应的方法

import * as filters from './filter'

 // 全局过滤器注册
Object.keys(filters).forEach(key => {
  	Vue.filter(key, filters[key])
});

3、直接在页面使用

<view class="title">{{ time| timeAgo(time) }}</view>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐