微信小程序出现键盘页面上移的坑

在微信开发者工具没有出现上移的情况，但是一到真机调试就出现了，把页面设置固定布局也不管用

然后查询微信官方文档，是这样解释的
小程序在input框输入时，默认会开启自动上推的功能，但是有的时候会出现卡顿的现象，想关闭自动上推，把adjust-position设置为false就可以了

<van-row  gutter="20"><van-col span="24"><van-fieldleft-icon="eye-o"adjust-position="false" placeholder="请输入密码"name="input"  type="password"  model:value="{{password}}"/></van-col></van-row>

按道理应该就不会出现了，结果就是不生效，经过几轮瞎搞后才发现需要加{{}}

<van-row  gutter="20"><van-col span="24"><van-fieldleft-icon="eye-o"adjust-position="{{ false }}" placeholder="请输入密码"name="input"  type="password"  model:value="{{password}}"/></van-col>
</van-row>

请大家谨慎踩坑

微信小程序出现键盘页面上移的坑相关推荐

微信小程序关于键盘行为的探索
模拟微信朋友圈评论功能,如图: 首先考虑键盘将输入框顶起来,使得输入框正好在键盘上方解决办法:fixed定位,将输入框定位在页面最下,键盘升起时会自动将输入框顶起来于是有了这么一个demo: 有几 ...
微信小程序点击页面tab栏切换
微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...
微信小程序开发教程第七章：微信小程序编辑名片页面开发
前面我们更新了六篇的微信小程序开发教程,现在更新第七章:微信小程序编辑名片页面开发,(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程 ...
Java Web项目，Android和微信小程序的初始页面配置
Java Web项目我们在Eclipse里开了Java Web项目之后,Run As Tomcat或者Apache服务器,本地运行,如果直接用http://localhost:8080访问项目,会发 ...
手机按三角返回页面上一页_小猿圈微信小程序跳转页面都有哪些？
随着科技的进步互联网的发展,微信小程序逐渐成为了很多推广渠道的入口,但是因为很多做前端的小伙伴们不知道怎么去实现跳转页面,弄得不知所措,今天小猿圈前端讲师就给你讲解几种微信小程序跳转页面方法. 微信小 ...
微信小程序跳转页面问题
微信小程序跳转页面的方式: 1.跳转至tabBar页面,并关闭其他所有非 tabBar页面 wx.switchTab({ url: '路径' //url同app.json中配置的tabBar路径 }) ...
微信小程序获取当前页面url
微信小程序获取当前页面url 微信小程序获取当前页面的URL地址
微信小程序个人中心页面开发
目录微信小程序创建项目配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程 ...
微信小程序--订单查询页面
微信小程序–订单查询页面包含功能点: 订单查询结构:order.wxml <tabs tabList="{{tabList}}" binditemChange=" ...

微信小程序出现键盘页面上移的坑

微信小程序出现键盘页面上移的坑相关推荐

最新文章

热门文章