uniapp nvue 软键盘

uniapp nvue 软键盘先介绍下我的页面 uniapp gt for gt app gt android 四个 tabbar 中有一个购物车 vue 开发的 购物车选取规格页面需要挡住原生 tabbar 因此才用 subNVues 来实现 在 subview 中有一个 input 这个 input 在软键盘顶起的时候 有一定概率会破坏外部的页面 顶起来之后回不去了 这就有点尴尬了官方这么介绍这个问题的 关于软键盘弹出的逻辑说明 https uniapp

先介绍下我的页面:uniapp  ->   for   ->    app   ->  android

四个tabbar中 有一个购物车 .vue开发的,购物车选取规格页面需要挡住 原生tabbar;   因此才用 subNVues来实现。在 subview 中有一个input;  这个input 在 软键盘顶起的时候; 有一定概率会破坏外部的页面;(顶起来之后 回不去了)这就有点尴尬了

uniapp nvue 软键盘uniapp nvue 软键盘

 官方这么介绍这个问题的:

关于软键盘弹出的逻辑说明https://uniapp.dcloud.io/component/input?id=app%e5%b9%b3%e5%8f%b0ios%e7%ab%af%e8%bd%af%e9%94%ae%e7%9b%98%e4%b8%8a%e6%96%b9%e6%a8%aa%e6%9d%a1%e5%8e%bb%e9%99%a4%e6%96%b9%e6%a1%88uniapp nvue 软键盘https://uniapp.dcloud.io/component/input?id=app%E5%B9%B3%E5%8F%B0ios%E7%AB%AF%E8%BD%AF%E9%94%AE%E7%9B%98%E4%B8%8A%E6%96%B9%E6%A8%AA%E6%9D%A1%E5%8E%BB%E9%99%A4%E6%96%B9%E6%A1%88uniapp nvue 软键盘

 看样子官方已经知道这里的坑了;

  

我的解决方案:

通过大量测试发现: 当我的页面配置   adjustResize 属性的时候,被顶出去的情况不就不存在;但是页面体验就不好了;所有呢  动态设置 这个属性;在 subview 显示和隐藏的时候

 "softinputMode": "adjustResize"

uniapp nvue 软键盘

 这样就能解决掉这个问题了:

 onLoad() { //优化 android 软键盘顶起页面的情况 if (uni.getSystemInfoSync().platform === 'android') { const subView = uni.getSubNVueById('CarModifi'); const pages = getCurrentPages(); const page = pages[pages.length - 1]; const currentWebview = page.$getAppWebview(); if (subView && currentWebview) { subView.addEventListener('show', () => { currentWebview.setStyle({ softinputMode: 'adjustResize' }); }) // 设置回来默认状态 subView.addEventListener('hide', () => { currentWebview.setStyle({ softinputMode: 'adjustPan' }); }) } } },

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/217901.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午8:30
下一篇 2026年3月18日 上午8:31


相关推荐

  • linux 常用命令之运行.sh文件

    linux 常用命令之运行.sh文件linux 常用命令之运行 sh 文件 Linux 下面用命令如何运行 sh 文件的方法一 直接 加上文件名 sh 如运行 hello sh 为 hello sh hello sh 必须有 x 权限 二 直接 sh 加上文件名 sh 如运行 hello sh 为 shhello sh hello sh 可以没有 x 权限 1 当前目录执行 xshell1 1 cd 到 sh 文件所在的目录 home epay uploadserver wql1 2 命令 ll 若该文件没有执行权限 则给该文件赋权限 1 3 赋权限命令 c

    2026年3月18日
    2
  • HTMLTestRunner文件

    HTMLTestRunner文件HTMLTestRunn 测试报告文件 ATestRunnerf Itgeneratesa Thesimplestw

    2026年3月19日
    1
  • HashMap数据结构(hashmap数据结构图)

    Java综合/**  *@authorannegu  *@date2009-12-02  */Hashmap是一种非常常用的、应用广泛的数据类型,最近研究到相关的内容,就正好复习一下。网上关于hashmap的文章很多,但到底是自己学习的总结,就发出来跟大家一起分享,一起讨论。1、hashmap的数据结构要知道hashmap

    2022年4月17日
    76
  • rails 新建和删除model和controller

    rails 新建和删除model和controller

    2022年3月13日
    35
  • 设计手机APP界面的感想

    设计手机APP界面的感想设计手机APP界面的感想设计三个界面,花费了大概七八个小时。看老师讲解的时候,感觉就是那么回事,挺简单的,其实不然,当亲自操作后发现了诸多问题。首先是对已知工具运用上的不熟练,有些昨天刚刚使用过的工具,在今天的设计中就发生了一些错误,导致返工修改的时候浪费了好多时间。还有就是不能很好地将几个软件的功能结合起来,不如最近学了PS和UI,在今天的设计中主要使用的是UI,在设计过程中发现界面的一些板

    2022年6月21日
    28
  • 保姆级-红米AC2100之breed不死后台刷写openwrt官方版&第三方改良版「建议收藏」

    保姆级-红米AC2100之breed不死后台刷写openwrt官方版&第三方改良版「建议收藏」刷机有风险!!!后果自负准备1.红米AC21002.基础的电脑操作breed不死后台第一步:环境准备进入小米路由器原始的管理页,miwifi.com或者192.168.31.1登录之后,检查固件版本第二步:降级这里必须降级,我们降到到2.0.7降级包地址链接提取码:tenk然后等几分钟连接上降级后的wifi,正常是redmi开头无密码连上后重新进入后台192.168.31.1自行设置向导,这里忽略然后检查一下系统版本是否降级成功第三步:写入breed此时注意浏览器

    2025年6月28日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号