vuejs封装60秒倒计时

668 ℃

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

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
介绍几种删除数组中最后一个元素的es6语法
Driver.js文档官网介绍
Mand Mobile中文文档官网介绍
网站如何利用外部链接正确优化SEO?
hbuilder开发去掉系统状态栏(打包的app显示全凭全屏)