【Vue】el-cascader 在手机端弹起键盘，页面为什么会出现黑色遮罩？

• Z时代
• 2024-01-10
• 分类：技术分享

问题描述

el-cascader 在可搜索的情况下，点击弹出键盘会出现黑色遮罩。

问题出现的环境背景

ios 没有问题，部分安卓机会出现这个问题，比如我的一加6。

相关代码

<div class="form-item">
<span class="label"><i class="required">*</i>区域</span>
<el-cascader
placeholder="请选择城市"
:options="fetchArea"
filterable
v-model="formData.fetch_area.val">
</el-cascader>
</div>

回答

比较土的一个解决方法，可以鉴定window.resize事件，键盘谈起的时候，找到遮罩层去掉或者改变颜色

以上是 【Vue】el-cascader 在手机端弹起键盘，页面为什么会出现黑色遮罩？ 的全部内容， 来源链接： utcz.com/a/78689.html