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)
		}
		...
	}
}