vue 监听手机键盘唤起和关闭的事件

在mounted 或者created 的生命周期函数中添加。
window.onresize

在data中添加两个变量
defaultPhoneHeight //屏幕默认高度
nowPhoneHeight //屏幕现在的高度

mounted(){
    this.defaultPhoneHeight = window.innerHeight
    window.onresize = ()=>{
        this.nowPhoneHeight = window.innerHeight
    }
},
destroyed() {
    window.onresize = null
}

在watch中添加监听

nowPhoneHeight:function(){
     if(this.defaultPhoneHeight != this.nowPhoneHeight){
          //手机键盘被唤起了。
    }else{
          //手机键盘被关闭了。
    }
}