hello 官方实例
程序朱
- 发布：2023-08-20 11:18
- 更新：2023-08-21 15:09
- 阅读：439
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.4.1
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 模拟器
手机机型： 已测试14 pro max ios 16.4和12 pro ios 14.2
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
IOS设备 nvue页面 input组件 绑定@focus事件 聚焦查看是否触发focus事件 和是否拉起小键盘
IOS设备 nvue页面 input组件 绑定@focus事件 聚焦查看是否触发focus事件 和是否拉起小键盘
预期结果：
能够正常拉起小键盘 和 触发 focus事件
能够正常拉起小键盘 和 触发 focus事件
实际结果：
input聚焦未拉起小键盘 未触发 @focus事件
input聚焦未拉起小键盘 未触发 @focus事件
bug描述：
具体为nvue页面input 在16.4系统上聚焦无法拉起小键盘 且不触发@focus事件
在14.2系统上面运行 能够拉起小键盘 但不触发@focus事件
喜欢技术的前端 - QQ---445849201
看到你的回复，因为要传附件，再在这里交流了，我的是6s倒是没有这个兼容性问题，
你把要做的操作也可以放到uni.onKeyboardHeightChange 这个api里面
uni.onKeyboardHeightChange(res => {
console.log(res.height)
})<template>
<view style="padding: 30rpx;">
测试
<input type="text" placeholder="测试" @focus="haha">
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad(option) {
// uni.onKeyboardHeightChange(res => {
// console.log(res.height)
// })
},
onShow() {
},
methods:{
haha(){
console.log('haha')
uni.showToast({
title:'focus',
position:'top'
})
}
}
}
</script>
<style>
</style>
用真机测试，模拟器默认不弹出键盘你可以通过物理键盘输入，如果弹手机键盘物理键盘就失效了
-
程序朱 (作者)
好的 那请问一下 为什么nvue页面不支持"softinputMode": "adjustResize" 在vue页面能够正常 nvue设置"softinputMode": "adjustResize"始终是无效的
2023-08-21 16:53
-
程序朱 (作者)
很多系统版本不兼容 例如我在小米上面调试是一个样 华为另外一个样 ios又是另外一个样 填不完的坑 真机调试比虚拟机调试BUG要少一些
2023-08-20 20:57
喜欢技术的前端
回复 程序朱: 是的☺
2023-08-20 21:42