uni-app textarea文本域使用手写输入法 输入完成之后 点击发送 文本域中的值不会被清空

uni-app textarea文本域使用手写输入法 输入完成之后 点击发送 文本域中的值不会被清空

操作步骤：

在文本域切换为手写输入法输入文字内容，比如输入一个你字，在输入一个好字，输入完成好字之后马上点击发送，此时清空v-model，但是文本域中还是会显示清空之前的文字

预期结果：

希望清空v-model之后文本域中显示的文字也随着清空

实际结果：

当用户在文本域使用手写输入法时，输入完成之后，没有点击最后一个字，直接按发送，此时清空v-model,但是文本域中还会存在当时输入的文字

bug描述：

当用户在文本域使用手写输入法时，输入完成之后，没有点击最后一个字，直接按发送，此时清空v-model,但是文本域中还会存在当时输入的文字

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC系统版本号 Windows 10家庭中文版
HBuilderX类型 正式
HBuilderX版本 3.4.7
手机系统 Android
手机系统版本 Android 11
手机厂商 小米
手机机型 红米note10 pro
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

ae3036b925bea0d7916bcbd2a9a30320.zip


更多关于uni-app textarea文本域使用手写输入法 输入完成之后 点击发送 文本域中的值不会被清空的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

可以在 input 上使用 ignoreCompositionEvent 属性 详情

更多关于uni-app textarea文本域使用手写输入法 输入完成之后 点击发送 文本域中的值不会被清空的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个是文本域，并且即使加上了ignoreCompositionEvent这个也是不可以

回复 刘超群: 加上会出发合成事件，input 也会在合成期间触发，没有吗？

回复 DCloud_UNI_LXH: 是合成了，但是清空v-model时文本域中还是有值，你可以试一下，或者看我上传的视频

回复 DCloud_UNI_LXH: 能看一下这个问题吗

楼主你好!bug解决了吗 我也遇到这个问题了

并没有，官方也没给回复

如果解决了麻烦给说一下

回复 刘超群: 嗯嗯 好的

回复 刘超群: 可以加个微信吗 17671043079

在 uni-app 中使用 textarea 组件时，如果你通过手写输入法输入内容并点击发送后，发现 textarea 中的文本没有被清空，这通常是因为你在发送操作中没有正确地清空 textarea 的值。

要解决这个问题，你需要在点击发送按钮后，手动将 textarea 的 value 或 v-model 绑定的变量重置为空字符串。以下是一个示例代码：

<template>
  <view>
    <!-- 文本域 -->
    <textarea v-model="inputText" placeholder="请输入内容"></textarea>
    
    <!-- 发送按钮 -->
    <button @click="sendMessage">发送</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      inputText: '' // 绑定到textarea的变量
    };
  },
  methods: {
    sendMessage() {
      // 在这里处理发送逻辑
      console.log('发送的内容:', this.inputText);
      
      // 发送完成后清空文本域
      this.inputText = '';
    }
  }
};
</script>

<style>
/* 样式可以根据需要自定义 */
</style>
回到顶部