候敏华 2019-09-09 22:24 采纳率: 0%
浏览 547

【求解 面试题】封装一个vue倒计时组件count-down,只接受一个v-model进行输入输出。

封装一个vue倒计时组件count-down,只接受一个v-model进行输入输出。

<count-down v-model="second"></count-down>
export default {
    data(){
        return {
            second:0,![图片说明](https://img-ask.csdn.net/upload/201909/09/1568039021_43057.jpg)

        }
    },

    mothods: {
       //开始倒计时
       start(){
            this.second=60;

        }
    }
}

1 输入0或者小于0的数字,如果再倒计时停止倒计时,如果没有在倒计时中,不执行操作。

2 输入大于0的整数,从输入的数字开始倒计时,直到归0

  • 写回答

1条回答 默认 最新

  • weixin_45243540 2019-09-10 12:31
    关注

    countTime(){
    if(this.second<=0){
    clearTimeout();
    }if(this.second>0){
    this.second--;}
    }
    setTimeout(this.countTime,1000)

    评论

报告相同问题?

悬赏问题

  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料