vue - Vant库 - popup弹出框实现两秒后自动关闭

2021-06-29
vue - Vant库 - popup弹出框实现两秒后自动关闭

取消预约


     

        //  弹出框内容根据自己需要填写
         
         已超过取消预约时间，无法取消喽~
     
 

data(){
   return{
        show: false,
    }
},

methods:{
	toCancel(){
        this.show = true
        if(this.show){
            console.log(this.show)
            setTimeout(()=>{
                this.show = false
            },2000)
        }
    },
}

先让弹出框出现，之后根据判断如果弹出框是出现的，即this.show = true，利用setTimeout让它实现两秒后自动消失；
setTimeout() 设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行指定的代码。