vue获取手机验证码60秒倒计时

<template>
　<div> {{ codeBtnText }} </div>
</template>

<script>
export default {
　data() {
　　return {
　　　btnOptFlag: false, //获取验证码按钮禁用标识
　　　codeBtnText: ‘获取验证码’,
　　　outTime: 60, // 设置发送验证码倒计时时间
　　　timer: null
　　}
　},
　methods: {
　　sendCode() { // 页面触发发送验证码功能
　　　if(this.btnOptFlag) return
　　　this.btnOptFlag = true//禁用发送验证码按钮
　　　if(!this.timer){
　　　　this.timer = setInterval( () =>{
　　　　　this.codeBtnText = this.outTime + ‘s后重新发送’
　　　　　this.outTime = this.outTime - 1
　　　　　if(this.outTime < 0) {//倒计时结束，重置时间器
　　　　　　clearInterval(this.timer)
　　　　　　this.codeBtnText = ‘获取验证码’
　　　　　　this.outTime = 60
　　　　　　this.timer = null
　　　　　　this.btnOptFlag = false
　　　　　}
　　　　}, 1000)//每秒执行一次
　　　}
　　}
　}
</script>