vue ios输入键盘弹出遮挡样式及收回后页面留白问题解决

最新推荐文章于 2023-10-10 15:15:42 发布

灰眼猫咪

最新推荐文章于 2023-10-10 15:15:42 发布

阅读量2.1k

点赞数

分类专栏： vue 文章标签： vue ios输入键盘遮挡页面样式及收回后页面白屏问题

本文链接：https://blog.csdn.net/weixin_42501961/article/details/96486635

版权

最近在进行公众号H5的开发，在android手机上还好说，ios上真的有不少坑啊。下面来说说做评论模块时ios上的坑！
input输入框在ios上，时有时无。问题解决看代码：

<div id="apply">
	<ul class="comm-list" @click="handelInputShow">
		<li class="comm-li" v-for="(item,index) in comments" :key="index">
			<img :src="item.avatarUrl" alt="#" />
			<div class="comm-info">
				<div class="com-row">
					<p class="comm-name">{
  {item.nickName}}</p>
					<p class="comm-time">{
  {item.updated_at}}</p>
				</div>
				<p class="comm-msg">{
  {item.content}}</p>
				
			</div>
		</li>	
	</ul>
	<div class="footer">
		<div class="text-input" v-if="inputShow">
			<input ref="inputVal" type