1.0.5 • Published 2 years ago
aw-clock-timer v1.0.5
可调节的倒计时组件
介绍
这是一个可调节的倒计时组件
使用说明
1. 安装插件 npm i aw-clock-timer
2. 在需要使用的页面上导入 import clockTimer from 'aw-clock-timer' 导入
3. components: { # 注册组件
clockTimer
},
# vue文件中使用
4. <clockTimer ref="clockTimer"/>
5. 唤起显示此组件 this.$refs.clockTimer.show()Events 事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| close | 点击关闭时触发 | 当前倒计时剩余秒数 |
| start | 点击开始计时时触发 | 当前倒计时剩余秒数 |
| keep | 点击继续时触发 | 当前倒计时剩余秒数 |
| reset | 点击 重置/重新计时 时触发 | 当前倒计时剩余秒数 |
| stop | 点击暂停时触发 | 当前倒计时剩余秒数 |
| change | 在 调节倒计时值 时触发 | data { time: 当前调节时间的秒数 type: 增加(add)还是减少(minus) } |
Events事件使用示例：
<clockTimer ref="clockTimer" @close="close"/>