vuejs封装60秒倒计时

521 ℃

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

wordpress如何修改默认标签云的基本信息
es6语法中新增哪些操作字符串方法
css利用writing-mode实现文字垂直排版
Git命令如何添加/删除/查看远程仓库?
vue代码如何将毫秒转换成日期?