候敏华 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 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)