uni-app textarea组件在鸿蒙4.2.0中 v-model双向绑定失效
uni-app textarea组件在鸿蒙4.2.0中 v-model双向绑定失效
产品分类
- uniapp/App
PC开发环境
| 操作系统 | 版本号 |
|---|---|
| Windows | win10 企业版 LTC 1809 |
手机系统
| 系统 | 版本号 | 厂商 | 机型 |
|---|---|---|---|
| Android | Android 15 | 华为 | mate50-pro |
页面类型
- vue
- vue2
打包方式
- 云端
项目创建方式
- HBuilderX
App下载地址或H5网址
示例代码
<textarea class="input-box" v-model="content" placeholder="示例：consecutive和continuous有什么区别"
:disabled="isLoading" @confirm="sendMessage" auto-height>
操作步骤
- 在组件中输入字符，查看获取到content变量值。
- 设置content变量值查看组件内容
预期结果
- 在组件输入字符会更新content，更新content会在组件中显示我输入的内容
实际结果
- 输入不会更新content，更新content也不会在组件中显示我输入的内容
bug描述
我用的是vue3框架。 我这台mate50pro刚升级系统，发现绑定2个方向都失效，输入不会更新content，更新content也不会在组件中显示我输入的内容，在IOS和H5上就没问题。 我在另外一台mate20 max上Harmony 4.0.0的系统上也正常
更多关于uni-app textarea组件在鸿蒙4.2.0中 v-model双向绑定失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app textarea组件在鸿蒙4.2.0中 v-model双向绑定失效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
在鸿蒙4.2.0系统中，uni-app的textarea组件v-model双向绑定失效可能是由系统底层WebView兼容性变化引起的。由于鸿蒙4.2.0采用了新的内核版本，可能对Vue3的响应式机制支持不完善。
建议尝试以下解决方案：
- 使用value属性配合input事件手动实现双向绑定：
<textarea
:value="content"
[@input](/user/input)="content = $event.detail.value"
placeholder="示例..."
:disabled="isLoading"
[@confirm](/user/confirm)="sendMessage"
auto-height
/>