<!-- 倒计时 -->
<view>
<u-verification-code
:seconds="seconds"
ref="countDownCode"
@change="codeChange">
</u-verification-code>
<view @tap="getCountDownCode">{{countDownCodeTips}}</view>
</view>
data(){
return {
countDownCodeTips: '', // 倒计时信息
seconds: 60 // 秒数
}
},
methods: {
getCountDownCode() {
if (this.$refs.countDownCode.canGetCode) {
// 弹框提示验证码已发送
setTimeout(() => {
uni.hideLoading();
// 通知验证码组件内部开始倒计时
this.$refs.countDownCode.start();
});
} else {
this.$u.toast('请在倒计时结束时发送');
}
}
}