<script> export default { data() { return { defaultPhoneHeight: '', //屏幕默认高度 nowPhoneHeight: '', //屏幕现在的高度 } }, watch: { //软键盘弹起事件 nowPhoneHeight() { if (this.defaultPhoneHeight != this.nowPhoneHeight) { //手机键盘被唤起了。 console.log('弹起'); //写软键盘唤起你需要做的操作 this.fixed = true } else { console.log('收起'); //手机键盘被关闭了。 //写软键盘关闭你需要做的操作 this.fixed = false } } }, mounted() { //监听软键盘获取当前屏幕高度的事件 this.defaultPhoneHeight = window.innerHeight console.log('this.defaultPhoneHeight:', this.defaultPhoneHeight); window.onresize = () => { this.nowPhoneHeight = window.innerHeight console.log('this.nowPhoneHeight:', this.nowPhoneHeight); } }, // 页面销毁一定要移除onresize时间 beforeDestroy() { window.onresize = null } } </script>
采用监听屏幕大小改变,来判断软键盘是否弹起。