快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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如何解决文本框被键盘遮住的问题
新闻来源:http://6mz.cn/article/giojch.html

其他资讯