<view class="sendVCode">
<text v-if="!isSend" @click="sendCode()" class="sendText">发送验证码</text>
<text v-if="isSend" class="sendCodeNumber">{{codeTime}}</text>
</view>
<script>
export default {
data() {
return {
//银行卡号
cardnumber: "",
//选择银行
selectBank: "",
//姓名
userName: "",
//身份证号
idNumber: "",
//手机号
userPhoneNumber: "",
//验证码
verificationCode: "",
// 验证码
isSend: false,
//倒计时
codeTime: 60,
}
},
methods: {
sendCode() {
this.isSend = true
let _this = this
let timer = setInterval(function() {
if (_this.codeTime == 0) {
_this.codeTime = 60
_this.isSend = false
clearInterval(timer)
}
_this.codeTime -= 1
}, 1000)
},
}
}
</script>
效果图