详细讲解如何在微信开发中使用textarea(微信开发者工具文字居中)

本文主要介绍微信小程序textarea的详细说明和简单用法，并附上示例代码，以及解决textarea没有bindchange事件和输入时无法为变量赋值的方法。有需要的朋友可以参考一下。

微信小程序文本区的简单解决方案

微信小程序中的textarea没有bindchange事件，因此无法在输入时为变量赋值。

虽然可以使用bindblur事件，但可以绑定bindblur事件。如果您再次单击该按钮，您将首先执行bindblur事件，因此您无法获得js文件中的输入值。

解决方法:将from表单和textarea文本框输入合并后，单击提交按钮，然后首先执行textarea事件（获取文本框的输入内容），然后执行数据提交，这样就解决了问题。

Wxml文件代码:

& lt表单绑定提交= & quotevaSubmit & quot& gt& lttextarea name = & quotevaContent & quotmaxlength = & quot500 & quotvalue = & quot{ { evaContent } } & quotclass = & quotweui -textarea & quot；placeholder = & quot填写内容（12-500字）“bindblur = & quotcharChange & quot/& gt；& lt按钮表单类型= & quot提交& quot已禁用= & quot{ { subdisabled } } & quotclass = & quotweui -BTN mini -BTN & quot；type = & quot主要& quotsize = & quot迷你& quot& gt使服从

var app = getApp（）；page（{ data:{ evaContent:& amp；#39;& amp#39;}，onload:function（）{ }，on ready:function（）{//Page rendered }，on show:function（）{//Page displayed }，on hide:function（）{//Page hidden }，on unload:function（）{//Page closed }，//event text blur:function（e）{ if（e . detail &；& ampe . detail . value . length & gt；0）{ if（e . detail . value . length & lt；12 | | e . detail . value . length & gt；500）{//app . func . show toast（& amp；#39;内容是12-500个字符。，& amp#39;装载和运输。#39;,1200);} else { this . setdata（{ EVA content:e . detail . value }）；} } else { this . setdata（{ EVA content:& amp；#39;& amp#39;});EVA data . EVA content = & amp；#39;& amp#39;；app . func . show toast（& amp；#39;请输入投诉内容&；#39;，& amp#39;装载和运输。#39;,1200);}}，//提交事件EVA Submit:function（eee）{ var that = this；//Submit（自定义get方法）app . func . req（&；#39;http://localhost:1111/ffeva/complaint？内容=&amp#39;& amp#39;+this.data.evaContent），get，function（RES）{ console . log（RES）；if（RES . result = = = = & amp；#39;1 & amp#39;）{//跳转到主页app . func . show toast（&；#39;提交成功&；#39;，& amp#39;装载和运输。#39;,1200);} else { app . func . show toast（& amp；#39;提交失败&；#39;，& amp#39;装载和运输。#39;,1200);} });}}）缺点:

此操作后，功能有缺陷。例如，不可能立即获得用户在文本框中输入的字符数。如果有更好的解决方法，我希望我能学会它！

【相关建议】

1.下载微信微信官方账号平台源代码。

2.阿里订单子系统源代码下载

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：详细讲解如何在微信开发中使用textarea(微信开发者工具文字居中) https://zhujicankao.com/115290.html