候敏华 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 关于logstash转发日志时发生的部分内容丢失问题
  • ¥17 pro*C预编译“闪回查询”报错SCN不能识别
  • ¥15 微信会员卡接入微信支付商户号收款
  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?