vuejs封装60秒倒计时

491 ℃

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);
			}
		},
	}
}

js数字每三位加逗号代码封装

vuejs导出功能封装table

vuejs数字动态滚动效果封装

vuejs axios全局封装loading加载

vue在js中封装Axios(请求拦截器,响应拦截器)完整代码

标签: 封装

上面是“vuejs封装60秒倒计时”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_27.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

JavaScript中unshift的基本用法
这些行为都不利于网站优化
js如何限制input输出(只允许整数和小数点)
帝国cms系统的信息id如何从1开始
thinkphp怎么转化时间戳(怎么删除多条数据)