本文展示了如何在Vue中创建一个分秒倒计时组件。代码中定义了分钟和秒数的数据属性，并在`mounted`钩子中启动倒计时。通过`watch`监听秒数和分钟数的变化，当秒数减到0时，如果分钟数不为0则回滚到59，分钟数减1；当分钟数和秒数都为0时，停止倒计时。同时，使用`computed`属性确保显示的分钟和秒数始终带有前导0。
<template>
<div>
<span>{ {minute}}:{ {second}}</span>
</div>
</template>
<script>
export default {
data () {
return {
minutes: 5,
seconds: 0
}
},
created(){
},
mounted () {
this.add()
},
watch: {
second: {
handler (newVal) {
this.num(newVal)
}
},
minute: {
handler (newVal) {
this.num(newVal)
}
}
},
最低0.47元/天 解锁文章
扫一扫
1120
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
