uni-app中nuve里input的@confirm事件在Android6.0系统无效

uni-app中nuve里input的@confirm事件在Android6.0系统无效

开发环境 版本号 项目创建方式
Mac Big Sur HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Mac

PC开发环境操作系统版本号：Big Sur

HBuilderX类型：正式

HBuilderX版本号：3.0.7

手机系统：Android

手机系统版本号：Android 6.0

手机厂商：模拟器

手机机型：网易mumu模拟器，Android6.0

页面类型：nvue

打包方式：离线

App下载地址或H5网址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni4934e7b/62a480d0-5fa6-11eb-8a36-ebb87efcf8c0.zip

示例代码：

<template> <view style="padding: 15px;" > <view style="padding-top: 100px;" > <view class="view-input"> <input style="font-size: 17px;" @confirm="inputConfirmed" v-model="inputValue" placeholder="输入然后点击回车" confirm-type="search" /> </view> <view style="padding-top: 50px;"> {{inputedText}} </view> </view> </view> </template> <script> export default { data() { return { inputValue: '', inputedText: '' } }, methods: { inputConfirmed(e) { console.log(e) // 网易mumu模拟器安卓6.0，回车不响应input的@confirm事件 this.inputedText = e.detail.value } } } </script> <style> .view-input {border-width: 1px; border-radius: 999rpx; border-color: #555555; padding: 5px 10px;} </style>

更多关于uni-app中nuve里input的@confirm事件在Android6.0系统无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

HX3.0.7版本 在mumu模拟器和真机android6系统手机上测试没有发现问题

更多关于uni-app中nuve里input的@confirm事件在Android6.0系统无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这么说是我电脑问题。不过我电脑iOS模拟器可以。那就当我个人的特例吧，忽略

这是一个已知的Android 6.0系统在nvue页面中的兼容性问题。针对这个特定问题，可以尝试以下解决方案：

  1. 使用@keypress事件替代：
<input [@keypress](/user/keypress)="handleKeyPress" />
  1. 在methods中添加处理逻辑：
handleKeyPress(e) {
    if(e.keyCode === 13 || e.key === 'Enter') {
        this.inputConfirmed(e)
    }
}
  1. 如果仍无效，可以尝试使用@blur事件配合confirm-type属性：
<input [@blur](/user/blur)="onBlur" confirm-type="search" />
回到顶部