vue如何实现类似于电子手表动态显示时间的功能？

Question

业务场景如图，点击后当前日期时间被记录。如何实现？对了，动态的哦，像电子表那样哦~

Answer 1

getData() {

    var t = new Date();//创建一个date的对象，才可以引用相关的date

    var h = t.getHours();

    var m = t.getMinutes();

    var s = t.getSeconds();

    this.time = h + ':' + m + ':' + s;

    let _this = this;

    setTimeout(() => {

      _this.getData();

    }, 1000);

},

定义的这个time放在想放的位置

Answer 2

很简单
点击 var now = new Date() （转换为你需要的格式） 把这个now存起来(存到你需要存的地方)