vue关于微信开发,输入法把底部顶上去的情况
2017-09-12 21:21
369 查看
前置,document.body.clientHeight在标签<!DOCTYPE>的页面里得到的结果是0,所以得用document.documentElement.clientHeigh。刚开始我也纠结了很久,为什么无论怎么变都是0,多次查询后才了解到的。
具体代码:
mounted:function() {
this.screenHeight1=document.documentElement.clientHeight
var that=this
window.onresize=()=>{
return(()=>{
that.screenHeight=document.documentElement.clientHeight
})()
}
},
watch:{
screenHeight:function(newval,oldval) {
if(newval
this.hidshow=false
}else{
this.hidshow=true
}
}
},
也就是说,在页面可是区域变小的时候把底部给隐藏了。多的就不说了(本文章与简书同步)
具体代码:
mounted:function() {
this.screenHeight1=document.documentElement.clientHeight
var that=this
window.onresize=()=>{
return(()=>{
that.screenHeight=document.documentElement.clientHeight
})()
}
},
watch:{
screenHeight:function(newval,oldval) {
if(newval
this.hidshow=false
}else{
this.hidshow=true
}
}
},
也就是说,在页面可是区域变小的时候把底部给隐藏了。多的就不说了(本文章与简书同步)
相关文章推荐
- Android开发中关于如何解决Fragment中弹出键盘会把底部菜单栏顶上去的问题以及返回键的监听问题
- 基于mpvue开发微信小程序,vue能用的,用mpvue哪些情况不能用
- android开发中有EditText,当输入时输入法会把底部的导航栏顶上去。如何解决?
- 关于新手入坑vue,页面跳转样式错位刷新又好了的情况
- (开源)基于vue, react, node.js, go开发的微商城(含微信小程序)
- Android开发,输入框不被输入法顶上去
- 关于Android微信分享SDK缩略图显示不出来的一种情况!巨坑!
- 解决mpvue + vuex 开发微信小程序,vuex辅助函数mapState、mapGetters不可用问题
- android点击输入法会把底部顶上去的解决办法
- 关于移动端页面开发(微信内置浏览器)总结
- 个人对于微信公众平台开发的一些整理,后续会有补充,欢迎大家给予指正。一、关于如何获取微信公众原始号
- 微信小程序开发—关于配置服务器域名
- 关于驱动开发的IDE我知道的不多,多数情况在命令行下直接编译
- vue+vueRouter+vuex+vux(微信项目开发框架)
- Android学习总结——输入法将BottomNavigationBar(底部导航栏)顶上去的问题
- 微信开发关于外部超链接的解决办法!
- 关于微信开发与微信支付更新
- 由腾讯"微信"触发的关于智能手机应用程序开发的想法
- 关于在vue-cli中使用微信自动登录和分享的实例
- 用 vue.js 开发微信 app(ios 版) 界面的 demo