vue开关定时任务

自己弄了一个可以开关的定时刷新操作，打开开关后不可操作计数器，如需改变刷新时间，关闭开关即可更改，根据业务需求调整，在此记录一下

<template>
  <div>
    <label style="padding-left: 20px">刷新时间(秒)</label>
    <el-input-number v-model="formData.timer" :min="1" :max="1440" :disabled="formData.openState"></el-input-number>
    <el-switch v-model="formData.openState" @change="closeTimeClick()" active-color="#13ce66"></el-switch>
  </div>
</template>
<script>
export default {
  data() {
    return {
      interTimer: null,
      formData: {
        openState: false,
        timer: '1' // 定时器
      },
    }
  },
  methods: {
    closeTimeClick() {
      if (!this.formData.openState) {
        // 关闭定时器
        clearInterval(this.interTimer)
      } else {
        this.interTimer = setInterval(this.console, this.formData.timer * 1000)
      }
    },
    console() {
      console.log('调用定时刷新接口',new Date())
    }

  }
}
</script>

<style scoped>

</style>