JSFiddle - React, Tailwind, and code Playground

by Osama Qassar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.25/vue.js"></script>
<div id="app">
  <button @click="countDownTimer()">Toggle Enable</button>
  <button 
  :disabled="countdown<1" type="submit" style="pointer-events: all;">
  send
  </button>
    
  <pre>{{countdown}}</pre>
</div>

JavaScript

var app = new Vue({
  el: '#app',

  data: {
    disabled: false,
    countdown:10
  },
  methods:{
  
                countDownTimer:function(){
                    setTimeout(() => {
                        if(this.countdown<1){return;}
                        this.countdown -= 1
                        this.countDownTimer()
                    }, 1000)  
                },
  
  }
});