Vue.js:实时显示当前时间

Vue.js实时显示当前时间:

在<template>里添加

<div>{{date}}</div>
在<script>里添加
export default {
  data () {    
      date: new Date(new Date().getTime() + 8*3600*1000).toJSON().substr(0, 19).replace('T', ' ')
  },
  mounted() {
    let _this = this;
    this.timer = setInterval(() => {
      _this.date = new Date(new Date().getTime() + 8*3600*1000).toJSON().substr(0, 19).replace('T', ' ')
    }, 1000)
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer);
    }
  }
}

效果:

 

posted @ 2022-12-05 09:18  新*  阅读(699)  评论(0编辑  收藏  举报