赞
踩
以下为官方对keyboardheightchange事件的解释。
@keyboardheightchange | eventhandle | 键盘高度发生变化的时候触发此事件,event.detail = {height: height, duration: duration} | 微信小程序基础库2.7.0+、App 3.1.0+ |
在代码中添加如下处理
- <view class="footer" :style="{bottom: changeBottomVal}">
- <input @keyboardheightchange="keyboardheightchange"/>
- </view>
keyboardheightchange 方法
- keyboardheightchange(e){
- this.changeBottomVal = e.detail.height + 'px'
- }
css样式
- .footer {
- position: fixed;
- bottom: 0;
- left: 0;
- }
在页面的pages.json中的style中做以下修改
- "app-plus": {
- "softinputMode": "adjustResize"
- }
softinputMode共有两种模式:
缺点:软键盘在弹出时会因为webview的重绘,导致软键盘所处区域在未显示完全时显示黑底。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。