@Android软键盘弹起,tabbar不能吸底,被顶起问题。
@vue中input属性autofocus属性失效,不能自动获取焦点问题。
@滑动页面,收起键盘问题解决。
##问题一:通过Android属性解决问题。监听页面高度,控制底部tabbar显示隐藏。
// 监听屏幕高度
getHeight() {
// android通过监听窗口尺寸去设置吸底问题
let H = window.innerHeight;
alert(H)
window.addEventListener('resize', () => {
if (window.innerHeight < H) {
this.showTabbar = false
} else {
this.showTabbar = true
}
});
},
##问题二:通过focus()方法解决,在dom节点创建之后去获取设置。
this.$nextTick()异步执行代码,等待元素节点完全创建之后执行。
// 进入界面获取焦点 并且缓存
getFocus() {
this.$nextTick(() => {
this.$refs.input.focus()
})
},
##问题三: 通过全局window对象去监听触摸事件,收起键盘。
//监听事件
window.addEventListener('touchmove',this.myTouchMove,true);
//method方法
// 收起键盘
myTouchMove() {
this.$refs.input.blur()
},