uniapp小程序点击输入框时阻止弹出软键盘的几种解决方案

长影缚苍龙

于 2024-08-06 11:03:08 发布

阅读量1k

点赞数 1

文章标签： uni-app

本文链接：https://blog.csdn.net/qq_36521981/article/details/140950254

版权

解决方式1：@click更换成@tap

<u-form-item label="性别" prop="userInfo.gender" borderBottom @tap="show=true">
<u--input v-model="gender" border="none" disabled></u--input>
</u-form-item>

解决方式2：使用微信官方api阻止键盘弹出 hideKeyboard()

<u-form-item label="性别" prop="userInfo.gender" borderBottom @tap="show=true,hideKeyboard()">
<u--input v-model="gender" border="none" disabled></u--input>
</u-form-item>

解决方式3：最简单暴力百分百不弹出的方法在此设置disabled

<u-form-item label="性别" prop="userInfo.gender" borderBottom @tap="show=true,hideKeyboard()">
<u--input v-model="gender" border="none" disabled></u--input>
</u-form-item>