html代码就不写了,直接上script中的代码
export default {
data() {
return {
countdown:"",
timer: null,
}
},
methods: {
getMobileCode(){
const TIME_COUNT = 60;
if (!this.timer) {
this.countdown = TIME_COUNT;
this.timer = setInterval(() => {
if (this.countdown > 1 && this.countdown <= TIME_COUNT) {
this.countdown--;
} else {
this.countdown = ''
clearInterval(this.timer);
this.timer = null;
}
}, 1000);
}
},
}
}
以上是编程学习网小编为您介绍的“vuejs封装60秒倒计时”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs封装60秒倒计时
基础教程推荐
猜你喜欢
- 详解Sticky Footer 绝对底部的两种套路 2024-04-03
- js 实现浏览历史记录示例 2024-02-06
- JavaScript股票的动态买卖规划实例分析下篇 2022-10-22
- 使用CSS3中的calc()属性来以算式表达尺寸数值 2023-12-22
- layui数据表格-通过点击按钮使数据表格中的字段值增加 2022-12-13
- 理论普及——用户体验 2024-01-22
- JavaScript实现系统防挂机(无操作弹窗)的示例详解 2024-01-06
- ASP.NET获取不到JS设置cookies的解决方法 2024-03-21
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
- 分享ajax的三种解析模式 2022-10-18