新网创想网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

vue如何解决文本框被键盘遮住的问题

小编给大家分享一下vue如何解决文本框被键盘遮住的问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司服务项目包括祁县网站建设、祁县网站制作、祁县网页制作以及祁县网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,祁县网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到祁县省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

如下所示:

vue如何解决文本框被键盘遮住的问题

vue如何解决文本框被键盘遮住的问题

我把它写成了组件

主要代码是

document.getElementById(this.FullScreenId).scrollTop = document.getElementById(this.FullScreenId).scrollHeight

我这边把div满屏了看下面css就知道了

你也可以使用body,这个你行百度一下就可以了

注意点是css

/* 页面满屏 */
.pageFullScreen {
 height: 100%;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 overflow: auto;
}

父组件



子组件



以上是“vue如何解决文本框被键盘遮住的问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享标题:vue如何解决文本框被键盘遮住的问题
URL网址:http://wjwzjz.com/article/giojch.html
在线咨询
服务热线
服务热线:028-86922220
TOP