基于vue的倒计时demo
来源:互联网 发布:餐厅排号软件 编辑:程序博客网 时间:2024/05/16 09:41
一般获取短信验证码的时候会用到这个呆毛:
button里面包两个span标签,根据点击状态,显示不同的span,关键代码就是倒计时:
<button @click="send"> <span v-if="sendMsgDisabled">{{time+'秒后获取'}}</span> <span v-if="!sendMsgDisabled">send</span> </button>
send() { let me = this; me.sendMsgDisabled = true; let interval = window.setInterval(function() { if ((me.time--) <= 0) { me.time = 60; me.sendMsgDisabled = false; window.clearInterval(interval); } }, 1000); }
线上完整代码请戳戳戳戳戳
阅读全文
1 0
- 基于vue的倒计时demo
- 基于vue的倒计时demo
- 基于Vue的时间倒计时DEMO
- 基于jquery的一个倒计时demo
- 基于vue.js的小demo
- 基于vue的日历小demo
- 一个基于ES5的vue小demo
- 基于vue.js开发的demo—天气APP
- [IMWeb训练营作业]基于Vue的小demo--toodolist
- 一个基于ES6+webpack的vue小demo
- 基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
- 基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
- 基于NSTimer的倒计时
- 基于moment的倒计时
- vue 倒计时
- vue实现todolist的demo
- Vue.js的helloworld-demo
- Vue 2.0 + bootstarp的demo
- Andorid webview 常见问题汇总
- git使用使出现的提交问题
- Android 壁纸应用之动态壁纸
- #713 – 在拖拽操作中使用控件预览图作为鼠标(Setting the Cursor to an Image of an UIElement While Dragging)
- 有关SQLite的优缺点
- 基于vue的倒计时demo
- 手风琴效果
- Layotparams布局参数的详解
- Master HA解密
- ubuntu16.04 安装 caffe
- Eclipse CDT插件
- Android data/data目录
- OOP编程|加班加得好,劳务少不了
- 1.masm32-输出到控制台