模拟动态数据累计增加

<template>
  <div>
    <button @click="getAdd">点击增加一百</button>
    <h1>数值：{{ num }}</h1>
    <input type="text" v-model="num" />'
    <input type="text" v-model="num2" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 0,
      num2: 600,
    };
  },
  methods: {
    getAdd() {
      if (this.timerabc) {
        return;
      } else {
        var time = 0; //频率
        var min = Number(Math.ceil((this.num2 - this.num) / 60));
        this.timerabc = setInterval(() => {
          this.num = Number(this.num) + Number(min);
          this.min =
            Number(this.num) + Number(Math.ceil((this.num2 - this.num) / 60));
          if (
            Number(this.num2) - Number(this.num) <
            Number(Math.ceil((this.num2 - this.num) / 60))
          ) {
            clearInterval(this.timerabc);
            this.timerabc = null;
            this.num = this.num2;
          }
        }, 3000);
      }
    },
  },
};
</script>

<style>
</style>