<div class="btm_btn_div" v-if="isShow"> </div>
data() {
return {
docmHeight: window.innerHeight, //屏幕高度
showHeight: window.innerHeight, //实时屏幕窗口高度
isShow: true, //是否显示底部按钮 默认是显示
};
},
mounted() {
// window.onresize监听页面高度的变化
window.onresize = () => {
return (() => {
this.showHeight = window.innerHeight;
})();
};
},
watch: {
showHeight: function (newValue) {
if (this.docmHeight > newValue) {
this.isShow= false;//当前窗口高度小于手机屏幕高度,说明input获取焦点,隐藏底部按钮
} else {
this.isShow= true;//当前窗口高度等于手机屏幕高度 说明input失去焦点,显示底部按钮
}
},
},