textarea设置maxlength后，移动端输入法预选文字加已有文字自出超过maxlength，页面显示正常，实际数据不对

[30445]

发行方式

小程序

具体平台

readmi k60 hyperos 2.0.9.0
微信 8.0.60
微信小程序3.8.7

开发环境

Windows

项目创建方式

HBuilderX

依赖版本

4.63.2025042307-alpha

问题描述

uniapp的textarea，限制了maxlength，例如限制140长度，但是在139个字符的时候，输入法超过1个字的预选，再选择，看起来页面上是对的，实际上数据会超

<textarea v-model="remark" :maxlength="140"></textarea>

{{remark.length}}/{{140}}

重现步骤

限制maxlength为100，在输入框输入95个字符，输入法超过5个字符预选，点击预选

期望行为

v-model 的值长度为maxlength的140

实际行为

输入框显示正常，实际v-model 长度超过maxlength

截图或录屏

[chouchouji]

感谢反馈，已复现此问题

你可以先这样临时解决

<template>
  <view>
    <view>view 页面</view>
    <textarea :value="remark" :maxlength="10" @input="handleInput"></textarea>
    {{ remark.length }}/{{ 10 }}
  </view>
</template>
<script setup>
import { ref } from "vue";

const remark = ref('')

function handleInput(event) {
  remark.value = event.detail.value.slice(0, 10);
} 
</script>