第一种方法设置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"
				}
			}
上一篇 下一篇