VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动

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

locvps
主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

本文主要介绍微信小程序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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 详细讲解如何在微信开发中使用textarea(微信开发者工具文字居中)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!