vuejs封装60秒倒计时

659 ℃

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,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
php语法中如何判断当前变量是数组还是对象
uniapp语法如何禁止view手动滑动
h5页面唤起打电话(纯h5、app嵌套、浙里办app)
jquery改变元素的宽度(width)和高度(height)
关键词排名优化,网站优化技巧到底哪些可以用