使用mint-ui写一个倒计时
时间: 2024-05-24 15:12:44 浏览: 89
<template>
<div>
<mt-countdown :time="countDownTime" @change="handleChange"></mt-countdown>
<p>{{ countDown }}</p>
</div>
</template>
<script>
export default {
data() {
return {
countDownTime: 60 * 1000, // 倒计时时间,单位为毫秒
countDown: '' // 倒计时显示的文本
}
},
methods: {
handleChange(time) {
const minute = Math.floor(time / 60000) // 分钟数
const second = Math.floor((time % 60000) / 1000) // 秒数
this.countDown = `${minute}:${second < 10 ? '0' + second : second}` // 格式化输出
}
}
}
</script>
阅读全文