fantengfei

发布：2026-05-19 18:00
更新：2026-05-19 18:02
阅读：24

【报Bug】鸿蒙系统，微信小程序，textarea 组件输入内容点击发送后内容清空，再次点击发送，页面卡死或不可输入。

分类：鸿蒙Next

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.87

手机系统： HarmonyOS NEXT

手机系统版本号： HarmonyOS 6.0.0

手机厂商：华为

手机机型： HUAWEI Mate X6

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<textarea  
    v-model="inputText"  
    placeholder-style="color: #9ca3af; font-size: 14px; line-height: 18px;"  
    :maxlength="500"  
    :auto-height="true"  
    :show-confirm-bar="false"  
    :cursor-spacing="70"  
    confirm-type="send"  
    @input="onInput"  
    @confirm="handleSend"  
    placeholder="请输入内容"  
    style="  
          margin-top: 200px;  
      width: 100% !important;  
      min-height: 46px !important;  
      max-height: 96px;  
      overflow-y: auto;  
      box-sizing: border-box;  
      font-size: 14px;  
      line-height: 18px;  
    "  
  />

</view>
</template>
<script setup lang="ts">
import { ref, onMounted, nextTick, computed } from "vue";

const inputText = ref<string>("")

const onInput = (e:any) => {
inputText.value = e.detail.value
}

const handleSend =() => {
inputText.value = ""
}

</script>

/ 隐藏所有滚动条（兼容多端） / :-webkit-scrollbar { width: 0;
height: 0;
display: none;
}
</style>

操作步骤：

手机扫码打开页面，输入内容，点击发送按钮，然后再点中textarea焦点，输入内容。

预期结果：

textarea输入内容，点击发送键盘按钮，可以重复这样的操作，textarea正常使用。

实际结果：

textarea 第二次获取焦点输入内容时，不现实，卡死等。

bug描述：

鸿蒙系统在微信小程序中，textarea 组件输入内容点击发送后，通过程序控制内容清空，再次点击发送，页面卡死或不可输入。

2026-05-19 18:00 负责人:无分享

2 个回复

DCloud_UNI_JBB

试试原生微信小程序有没有这个问题

2026-05-19 18:01 分享

fantengfei (作者)

经过验证，原生微信小程就存在这个问题。

2026-05-19 18:27
DCloud_UNI_JBB

回复 fantengfei: 反馈到微信社区

2026-05-19 18:39

Ask小助手

欢迎到专业群（ uni-app鸿蒙化技术交流群）咨询，群中有相关专业的管理员和群友。

感谢你的反馈，关于鸿蒙系统微信小程序中使用 textarea 组件遇到问题的情况，我这边看过了你的描述和代码示例，整体反馈比较清晰。

我从提交内容的完整性和问题本身，帮你分析了一下：

1. 反馈内容完整度评估

你这份反馈总体上是比较完整的，核心要素都包含了：

提供了具体的标题和清晰的问题描述，直接定位到鸿蒙+微信小程序这个组合。
代码示例非常关键，而且基本可以直接复现，这对定位问题很有帮助。
复现步骤、预期结果和实际结果都描述得很明确，特别是复现步骤，简单直接。
分类信息填写得很全，包括开发环境、HBuilderX版本号（4.87）、手机型号（HUAWEI Mate X6）和系统版本（HarmonyOS 6.0.0）等等，这些都是很有用的信息。

有一个细节可以更完善一点：在代码示例中，你把 show-confirm-bar 设置为了 false，这和 confirm-type="send" 有些矛盾。因为 confirm-type 要生效，show-confirm-bar 通常需要是 true。虽然这不影响反馈的核心问题，但在复现时如果能明确这个点可能会更好。

2. Bug 是否成立的判断

这个 Bug 是成立的。

这不是一个通用前端知识能解决的问题，我查询了相关的知识库，找到了高度相似的案例作为支撑：

已确认的已知问题：根据 DCloud 问答社区中的反馈（此问题与 ask 社区反馈高度相似，因此可以视为已知问题），有用户报告了在 鸿蒙系统的微信小程序中，textarea 内容被清空后会导致页面闪屏、卡死的 Bug（查看社区相关反馈）。这和你的描述是吻合的。
高度丢失的关联问题：另一则问答中反馈了类似场景，即在鸿蒙系统微信小程序中，textarea 在清空内容后，聚焦时高度会丢失，即使输入了文字也看不见（查看另一则相关反馈）。这同样指向了鸿蒙系统下微信小程序的 textarea 组件，在状态重置方面存在异常。

综合来看，这是一个平台兼容性问题，具体表现为在鸿蒙系统（HarmonyOS）上的微信小程序环境中，程序对 textarea 的值进行清空操作时，底层组件状态未能正确重置，从而导致了后续的渲染或输入异常。

一些处理建议：

当前最好的处理方式，是等待官方针对鸿蒙平台微信小程序的 textarea 组件行为做适配修复。在等待修复的同时，你可以：

升级 HBuilderX：确保你使用的是最新正式版，因为有时新版本会修复类似的基础组件兼容性问题。
在官方 Issues 系统反馈：由于这是一个特定平台下的组件行为异常，去 DCloud 的 Issues 系统（https://issues.dcloud.net.cn/）提交一个新的 issue 会是最直接的渠道。提交时记得带上你这份清晰的反馈内容，这样能让官方团队更快地跟进。

希望这个分析能帮到你。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册

【报Bug】鸿蒙系统，微信小程序，textarea 组件输入内容点击发送后内容清空，再次点击发送，页面卡死或不可输入。

操作步骤：

手机扫码打开页面，输入内容，点击发送按钮，然后再点中textarea焦点，输入内容。

预期结果：

textarea输入内容，点击发送键盘按钮，可以重复这样的操作，textarea正常使用。

实际结果：

textarea 第二次获取焦点输入内容时，不现实，卡死等。

bug描述：

2 个回复

1. 反馈内容完整度评估

2. Bug 是否成立的判断

公告

相关问题

【报Bug】鸿蒙系统，微信小程序，textarea 组件输入内容点击发送后内容清空，再次点击发送，页面卡死或不可输入。

操作步骤： 手机扫码打开页面，输入内容，点击发送按钮，然后再点中textarea焦点，输入内容。

预期结果： textarea输入内容，点击发送键盘按钮，可以重复这样的操作，textarea正常使用。

实际结果： textarea 第二次获取焦点输入内容时，不现实，卡死等。

bug描述：

与内容相关的链接

2 个回复

1. 反馈内容完整度评估

2. Bug 是否成立的判断

公告

相关问题

操作步骤：

手机扫码打开页面，输入内容，点击发送按钮，然后再点中textarea焦点，输入内容。

预期结果：

textarea输入内容，点击发送键盘按钮，可以重复这样的操作，textarea正常使用。

实际结果：

textarea 第二次获取焦点输入内容时，不现实，卡死等。