uni-app 【报Bug】vue3 打包app后textarea无法输入 小程序内正常 app内无法输入且点击没有焦点

uni-app 【报Bug】vue3 打包app后textarea无法输入 小程序内正常 app内无法输入且点击没有焦点

示例代码：

 <textarea :value="txt" @blur="handleBlur"></textarea>

操作步骤：

  • 使用vue3 cli安装的，随便都能复现。

预期结果：

  • textarea能正常输入

实际结果：

  • textarea就好像是普通的view，不能输入也没有焦点

bug描述：

  • 使用vue3 cli安装，随便都能复现。
  • textarea无法输入，点击也没有焦点，就好像只是一个普通的view组件
  • 小程序内正常，app内无法输入

d3a1cff9a93b59412e9c48771e661c3a

项目信息表

项目信息 值
产品分类 uniapp/App
PC开发环境 Windows
手机系统 Android
手机厂商 vivo
手机机型 X50
页面类型 vue
vue版本 vue3
打包方式 离线
项目创建方式 CLI
CLI版本号 最新

更多关于uni-app 【报Bug】vue3 打包app后textarea无法输入 小程序内正常 app内无法输入且点击没有焦点的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

可以呀，上传示例工程

更多关于uni-app 【报Bug】vue3 打包app后textarea无法输入 小程序内正常 app内无法输入且点击没有焦点的实战教程也可以访问 https://www.itying.com/category-93-b0.html


用vue3, cli安装

回复 x***@163.com: https://uniapp.dcloud.io/collocation/auto/uniapp-cli-project 是vue3 cli项目

回复 FullStack: 是在app里的效果？小程序里我这里也是可以的，app内无效

删除node-modules，重新yarn解决。看来是之前vue3对app的支持问题。

这个问题是Vue3环境下uni-app打包App时textarea组件的兼容性问题。根据你的描述，问题出在Vue3的响应式系统与App端原生组件的交互上。

解决方案：

  1. 使用v-model替代:value绑定 将:value="txt"改为v-model="txt"：

    <textarea v-model="txt" [@blur](/user/blur)="handleBlur"></textarea>

  2. 如果必须使用:value，需要添加@input事件

    <textarea 
  :value="txt" 
  [@input](/user/input)="txt = $event.detail.value"
  [@blur](/user/blur)="handleBlur">
</textarea>
回到顶部