Vue 显示 xxx 时间前的组件: vue-timeago
vue-timeago 
A timeago component for Vue.
Install
$ npm install --save vue-timeago
It's also available on NPMCDN: https://npmcdn.com/vue-timeago/index.umd.js
Usage
import VueTimeago from 'vue-timeago' Vue.use(VueTimeago, { name: 'timeago', // component name, `timeago` by default locale: 'en-US', locales: { 'en-US': require('vue-timeago/locales/en-US.json') } })
Then in your lovely component:
<!-- simple usage --> <!-- time is a dateString that can be parsed by Date.parse() --> <timeago :since="time"></timeago> <!-- Auto-update time every 60 seconds --> <timeago :since="time" :auto-update="60"></timeago> <!-- max time, time before this will not be converted --> <!-- otherwise use custom formatTime function to format --> <!-- 86400 * 365 = a year --> <timeago :since="time" :max-time="86400 * 365" :format="formatTime"></timeago> <!-- custom locale --> <!-- use a different locale instead of the global config --> <timeago :since="time" locale="zh-CN"></timeago>
A very basic demo: https://egoistian.com/vue-timeago
i18n support
For all supported languages, see/locales, feel free to submit a Pull Request to help us support more languages!
Development
I userolling to build the cjs version bundle, and usevbuild to build the example. Install them globally and then see the npm scripts.
License
MIT ©EGOIST
正文到此结束
热门推荐
相关文章
近期评论
-
666
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
