uniapp input 被键盘遮挡的解决方案
在uniapp登录页遇到了input被键盘遮挡的和一点击输入框(或两个输入框来回切换输入)页面就闪现刷新的问题。闪现/刷新:用uniapp自身的。标签,替换uview的。遮挡:增加三个标签属性。
·
在uniapp登录页遇到了input被键盘遮挡的和一点击输入框(或两个输入框来回切换输入)页面就闪现刷新的问题。解决如下:
闪现/刷新:用uniapp自身的 input 标签,替换uview的 u-input,用 @input 事件替换掉v-model属性
遮挡:增加三个标签属性:always-embed=“true”:adjust-position=“true” cursor-spacing=“30”
<input
type="password"
class="flex-1 ml-2"
placeholder="请输入密码"
autocomplete="off"
:always-embed="true"
:adjust-position="true"
cursor-spacing="30"
@input="psdInput"
>
更多推荐
已为社区贡献4条内容
所有评论(0)