[已解决]微信小程序textarea，软键盘的缩回影响了页面
时间：2019-05-04 来源：小程序工厂
- phone不支持canvas的scale为负数##微信小程序教程
- 微信小程序使用wx.resquest()返回状态码200但是data中返回
- 微信小程序saveImageToPhotosAlbum插件开发bug
- 基础库2.0.4之后安卓端marker点变小--微信小程序开发教
- 微信小程序open-data更改样式问题，如果更改颜色？-
- 51微信小程序微信小程序canvas画布iphone真机无法设置s
- ios端catchtouchmove事件阻止不了穿透#微信小程序开发教
- ios端catchtouchmove事件阻止不了穿透#微信小程序开发教
- 微信复制文字-微信小程序开发
- app.js 文件抛异常##微信小程序开发教程
- rich-text 节点 (nodes) 的性能问题，微信小程序教程
- 微信多次退款失败&微信小程序开发
- getBackgroundAudioManager暂停后 自动播放的bug#微信小
- 求问怎么使用微信小程序上传word、pdf等文件
- 微信小程序退出微信小程序方法
- 51微信小程序微信小程序地图--微信小程序开发
- formid和用户信息获取组合在一起实现。##微信小程序开
- open-data 数据如何放到image src属性里面+微信小程序
- 扫描普通二维码的问题
- 微信小程序自定义组件不能进行form提交
- map--微信小程序教程
- 微信小程序上传音频到bmob数据库&微信小程序开发
- 多点线路规划问题 微信小程序教程
- 请教一下可有将字节流写为文件的 API？+微信小程序开
问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 Bug textarea 客户端 6.7.2 2.3.0
- 当前 Bug 的表现（可附上截图）
真机环境，点击textarea输入框，弹出软键盘，输入消息，点击发送按钮，textarea的输入框内消息没清空，再次点击发送，消息才清空。总结原因：发送消息成功，软键盘缩回时阻止了页面data的更新。
- 预期表现
实际在点击发送时，消息this.setData({message:""}) ,message已经被设置为空，消息应该清空，这个在测试环境表现一切正常，没有软件盘时，点击发送也正常，均能清空消息；
真机环境因为有软键盘的弹出，点击发送软键盘缩回，消息发送成功，但是页面的data数据未及时更新。导致textarea依然是发送前的值。
- 复现路径
- 提供一个最简复现 Demo
index.wxml
index.js
Page({
data: {
message: '',
},
bindTextAreaInput: function(e) {
this.setData({
message: e.detail.value
})
},
sendMsg: function() {
this.setData({
message:""
});
},
})
API和组件 微信小程序 Bug textarea 客户端 6.7.2 2.3.0
- 当前 Bug 的表现（可附上截图）
真机环境，点击textarea输入框，弹出软键盘，输入消息，点击发送按钮，textarea的输入框内消息没清空，再次点击发送，消息才清空。总结原因：发送消息成功，软键盘缩回时阻止了页面data的更新。
- 预期表现
实际在点击发送时，消息this.setData({message:""}) ,message已经被设置为空，消息应该清空，这个在测试环境表现一切正常，没有软件盘时，点击发送也正常，均能清空消息；
真机环境因为有软键盘的弹出，点击发送软键盘缩回，消息发送成功，但是页面的data数据未及时更新。导致textarea依然是发送前的值。
- 复现路径
- 提供一个最简复现 Demo
index.wxml
index.js
Page({
data: {
message: '',
},
bindTextAreaInput: function(e) {
this.setData({
message: e.detail.value
})
},
sendMsg: function() {
this.setData({
message:""
});
},
})
微信小程序开发问题解答
微信小程序开发者回答：
同样使用6.7.2以及2.3.0版本测试，并没能复现问题。
如果认为是setData的问题，那可以尝试一下远程调试或者在log里面打印this.data的值看看setData调用是否成功。
微信小程序开发者回答：
你好，请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
微信小程序开发者回答：
你好，下面的简单的demo就是例子的代码，直接复制到微信小程序用真机测试就会发现输入框内文字不会清空，数据更新不了。
我用的iphone7、小米5、小米6、荣耀8x，均有上述问题，微信版本6.7.2，基础库版本：2.3.0
微信小程序开发者回答：
麻烦按照教程提供代码片段：https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
微信小程序开发者回答：
本文网址：http://www.91bianli.com/weixinxiaochengxu/47524.html
wechatide://minicode/qBwcEMmS7t2V
微信小程序开发者回答：
反馈已收到，感谢反馈
本文网址：http://www.91bianli.com/weixinxiaochengxu/47524.html
相关文章
