uni-app nvue的textarea无法修改软键盘右下角的回车键

uni-app nvue的textarea无法修改软键盘右下角的回车键

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

产品分类：uniapp/App
PC开发环境操作系统：Windows
HBuilderX类型：正式
HBuilderX版本号：3.1.18
手机系统：Android
手机系统版本号：Android 10
手机厂商：华为
手机机型：华为手机
页面类型：nvue
打包方式：云端

示例代码：

<<textarea value="" return-key-type='search' confirm-type='search' />


操作步骤：


新建nvue页面直接写上textarea组件 属性添加confirm-type即可

预期结果：

…


实际结果：


..

bug描述：

在nvue中无论是使用weex的return-key-type还是uni的confirm-type,都无法修改回车键，总是换行


更多关于uni-app nvue的textarea无法修改软键盘右下角的回车键的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

注意看平台差异说明：https://uniapp.dcloud.io/component/textarea?id=textarea

更多关于uni-app nvue的textarea无法修改软键盘右下角的回车键的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 nvue 页面中，textarea 组件确实存在软键盘回车键类型设置不生效的问题。这是由于 nvue 基于原生渲染，其 textarea 组件底层对应的是原生输入框，而原生平台（特别是 Android）对 textarea 的确认按钮类型支持有限。

原因分析：

  1. 平台差异：在原生开发中，多行文本输入框（textarea 对应）通常默认回车键为换行，而单行输入框（input 对应）才支持修改为搜索、发送等类型。
  2. Weex 限制：nvue 的 textarea 组件继承自 Weex，其 return-key-type 属性在 Android 端可能未完全适配所有类型。
  3. confirm-type 不生效：uni-app 的 confirm-type 属性在 nvue 中可能未正确映射到原生属性。

当前解决方案：

  1. 使用 input 替代：如果不需要多行输入，建议使用 input 组件，其 confirm-type 属性在 nvue 中通常生效。
  2. 监听键盘事件：通过监听键盘的确认键（如搜索键）事件，在事件回调中执行搜索操作。示例：
    <textarea [@confirm](/user/confirm)="handleConfirm" />
回到顶部