uniapp运行到小程序 键盘遮挡select怎么办呢?

// 左边遮挡,右边才是正常的
image.pngimage.png

                    <!-- 下拉选择-->
                    <view class="line" v-else-if="item.type == 'select'">
                        <view :class="item.rules.verify ? 'line-left' : 'p-l14 line-left'">
                            <text class="colorRed" v-if="item.rules.verify">*</text>
                            <text class="num" v-if="num">{{ index + 1 }}.</text>
                            {{ item.label }}
                        </view>
                        <view class="line-right pr20">
                            <input
                                disabled
                                type="text"
                                class="input"
                                placeholder-class="plaClass"
                                :placeholder="item.placeholder"
                                v-model="item.rules.label"
                                :disabled="item.disabled"
                                @click="showSelect(item)"
                            />
                            <view class="select-icon"></view>
                            <u-action-sheet :actions="item.list" :title="item.title"
                                            safeAreaInsetBottom
                                            round="40"
                                            cancelText="取消"
                                            :show="item.show"
                                            @select="selectConfirm($event,item)"
                                            @close="selectClose(item)"
                            ></u-action-sheet>
                        </view>
                    </view>
阅读 3.1k
2 个回答

楼上给的uni.hideKeyboard()应该没有问题。
但看你代码是自己构建的非(uni-data-select), 那你得在“证件类型”、“性别”这个两个位置代码上加个readonly,取消焦点试试。

<input class="xx" placeholder="xxx" readonly />
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题