Vue implements a small countdown function

<div>
    <!-- disabled is true to disable -->
    Input box: <input type="text" :disabled="istrue">
    <button @click="addHandle" :disabled="istrue">Submit</button>
    <!-- Countdown text prompt-->
    <p>{{this.txt}}</p>
</div>

<script>
export default {
  data(){
    return {
      txt:'',
      istrue:false,
      inp:''
    }
  },
  methods:{
    addHandle(){
      //define n=5 seconds let n=5
      //Define the timer time
      let time = setInterval(()=>{
        //Disable this.istrue=true
        //Change the countdown text prompt this.txt=n+'Submit in seconds'
        n--
        //If n<0, clear the timer, cancel the disabled state, and the text prompt is empty (not displayed)
        if(n<0){
          this.txt=""
          this.istrue=false
          clearInterval(time)
        }
      },1000)
    }
  }
}
</script>

<template>
  <div>
    <!-- disabled is true to disable -->
    Input box: <input type="text" :disabled="istrue">
    <button @click="addHandle" :disabled="istrue">Submit</button>
    <!-- Countdown text prompt-->
    <p>{{this.txt}}</p>
  </div>
</template>
<script>
export default {
  data(){
    return {
      txt:'',
      istrue:false,
      inp:''
    }
  },
  methods:{
    addHandle(){
      //define n=5 seconds let n=5
      //Define the timer time
      let time = setInterval(()=>{
        //Disable this.istrue=true
        //Change the countdown text prompt this.txt=n+'Submit in seconds'
        n--
        //If n<0, clear the timer, cancel the disabled state, and the text prompt is empty (not displayed)
        if(n<0){
          this.txt=""
          this.istrue=false
          clearInterval(time)
        }
      },1000)
    }
  }
}
</script>