微信小程序 textarea 详解及简单使用方法

发布时间：2020-12-14 22:12:25 所属栏目：资源来源：网络整理

导读：微信小程序 textarea 简易解决方案微信小程序中textarea没有bindchange事件，所以无法在输入时给变量赋值。虽然可以使用bindblur事件，但是绑定bindblur事件，如果再点击按钮，则先执行完按钮事件后，再去执行bindblur事件，所以在js文件取不到输入值， wx

微信小程序 textarea 简易解决方案

微信小程序中textarea没有bindchange事件，所以无法在输入时给变量赋值。

虽然可以使用bindblur事件，但是绑定bindblur事件，如果再点击按钮，则先执行完按钮事件后，再去执行bindblur事件，所以在js文件取不到输入值，

wxml文件代码：

js文件代码：

0){ if(e.detail.value.length<12||e.detail.value.length>500){ //app.func.showToast('内容为12-500个字符','loading',1200); }else{ this.setData({ evaContent : e.detail.value }); } }else{ this.setData({ evaContent : '' }); evaData.evaContent = ''; app.func.showToast('请输入投诉内容',1200); } },//提交事件 evaSubmit:function(eee){ var that = this; //提交(自定义的get方法) app.func.req('http://localhost:1111/ffeva/complaint?content=''+this.data.evaContent),get,function(res){ console.log(res); if(res.result==='1'){ //跳转到首页 app.func.showToast('提交成功',1200); }else{ app.func.showToast('提交失败',1200); } }); } })

缺点：

这样操作后，功能就有缺陷。例如，无法即时获取用户文本框输入字符个数，如果有更好的解决方法，希望能学习一下！

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!