第一种方法设置paddingBottom,如下
<form class="commonFt" :style="{paddingBottom:contentPd+'px'}">
<view class="cu-form-group">
<view class="title">原因:</view>
<input @focus="jpHeight" @blur="jpHide" v-model="userCase.sickReason" placeholder="请输入内容"></input>
</view>
</form>
<script>
export default {
data() {
return {
contentPd:0,
}
},
methods: {
// 获取键盘高度
jpHeight(e){
this.contentPd=e.detail.height;
},
// 关掉键盘
jpHide(){
this.contentPd=0
},
},
}
</script>
第二种方式在pages.json中增加对应代码即可解决
"style": {
"app-plus": {
"softinputMode":"adjustResize"
}
}