当前位置: 首页 > 工具软件 > timeago > 使用案例 >

vue-timeago时间格式转换用法

轩辕季同
2023-12-01

1、安装

cnpm i vue-timeago -S

2、在main.js引入

import vueTimeago from 'vue-timeago'

Vue.use(vueTimeago, {
  name: 'Timeago',
  locale: 'zh-CN',
  locales: {
    'zh-CN': require('date-fns/locale/zh_cn'),
  }
})

3、使用

<Timeago :datetime="time" :autoUpdate="true"></Timeago>

datetime属性是传入的时间,格式可以为:【2019.12.23 15:40】、【2019/12/23 15:40】、【2019-12-23 15:40】

autoUpdate属性默认为false,接收数字和布尔类型的值,更新组件的周期以秒为单位。如果为true则默认为60秒更新一次,通常设置为true即可

 类似资料: