vue.js - Vue 倒数计时器会在 console.log 上打印出来，但不会作为数据传递

Question

我moment js用来倒计时时间为 10,9,8,7,6 。它成功倒计时，console.log但我无法将其作为数据传递。

下面是我在 jsfiddle 上的代码

https://jsfiddle.net/ujjumaki/817bqn52/9/

标签： vue.jsmomentjscountdowntimer

Answer 1

将里面的函数更改为setInterval箭头函数，以便读取this为 Vue 组件：

setInterval(() => {
      duration.subtract(interval, "milliseconds"); //using momentjs substract function
      this.countdownTimer = moment(duration.asMilliseconds()).format('s'); 
      console.log(moment(duration.asMilliseconds()).format('s'));
      /* countdown timer works for console.log */
}, interval );