el-statistic的suspend停止计时方法使用示例
前言
官方给的例子不太完整,照着使用可能会不起作用,因此研究了下源码,得出了该例,亲测可用。
注:...省略号指基本的属性常规写即可,例子写出的属性是必须属性
html
<el-statistic ...
ref="countDownModule"
:value="countDownTIme"
...
>
<template slot="prefix">
倒计时:
</template>
</el-statistic>
<el-button @click="stopCountDown">{{stop?'开始':'停止'}}</el-button>
javaScript
export default {
data(){
...
countDownTIme: 10,
stop: false,
...
}
methods: {
stopCountDown(){
this.stop = !this.stop
let cbTime = this.$refs.countDownModule.suspend(this.stop)
let t = cbTime.split(':')
!this.stop && (this.countDownTIme = Date.now() + (t[0] * 3600 + t[1] * 60 + Number(t[2])) * 1000)
}
...
}
}