【求解 面试题】封装一个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

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