小程序textarea绑定数据怎么实现
编辑:小飞燕 发布时间:2021-03-12 08:46:23
小程序textarea的数据绑定怎么实现?有微信用户问小编,如何实现小程序文本区的绑定数据?,小编将向您介绍小程序文本区绑定数据。需要的朋友会很快跟随小编去看一看。
小程序textarea的数据绑定怎么实现?
微信小程序中的textarea没有bindchange事件,无法在输入时给变量赋值。因此,需要实现小程序文本区的数据绑定。
虽然可以使用bindblur事件,但是如果再次按钮,会先执行applet按钮事件,然后执行bindblur事件,所以无法在js文件中获取applet输入值。
解决方案:在结合“发件人”表单进入“文本区域”文本框后,单击“提交”按钮。此时,将首先执行textarea事件(获取文本框的输入内容),然后执行数据提交,从而解决问题
微信小程序js文件代码:
var app=getapp页面(
{ data : { evacontent : } '
},onload:function{
},onready:function(
){//页面渲染完成},onshow:function函数
{//页面显示
},onhide:function(
)
{//小程序页面隐藏},onunload:function函数
{//页面关闭},//事件
textblur:函数(e
){ if(e.detaile.detail .
value.length0
){ if(e.detail.value.length12||e .
detail . value . length;500)
{ //app.func.showtoast
('内容为12-500个字符','
装载',1200);
}else{ thisrew.setdata(
{ evacontent :
e . detail . value });}
}else{ this.setdata(
{ eva content : ' ' });
evadata.evacontent=app.func.showtoast('
请输入投诉内容','加载',1200);} }, //
提交事件evasu bmrit :函数(eee){ var=this;//
提交(自定义获取方法)
app . func . req(' http://localhost :1111/ffe va/投诉?content=' ' this . data . evaercywortent),获取
,furnctiodekhniqerwn(res){ console ye . log(res);if(res . result==' 1 ')
{//跳转首页app.funqc.showtoast
('提交成功','
装载',1200);}else{ app.fwetfunc.showtoast
(' '提交失败
,‘装载’,1200);
} }
);
小程序textarea的数据绑定怎么实现?感谢收看。以上是小程序文本区绑定数据的相关内容。以上内容供您参考。请多关注源社网的小节目频道。感谢您的耐心支持。
下面是题目的开头。如何使用电子商务小程序的后台代码?标题到此结束
电子商务小程序允许商家流失小程序,从而给自己的企业带来巨大的流量,并从中获利。电子商务小程序后台可以实现很多功能,但是需要开发代码来实现这些功能。以下是电子商务小程序的背景代码:
电子商务小程序后台基本实现功能
1、小程序模仿电商网站秒*
2、显示格式为:例如,1天11: 11: 11: 11.11
3.尖峰时间结束后,提示尖峰结束
电子商务小程序背景代码
[html]查看普通副本
秒*: {{clock}}
{ { micro _ sec } }
以下是js实现代码
[html]查看普通副本//indes.js
/**
*你需要一个目标日期。初始化时,您应该找出离当前时间还有多少秒。
* 1.将xx天xx小时xx分钟xx秒的秒数更改为打印格式
* 2.提供一个时钟,每10ms运行一次,渲染时钟,然后将ms总数减少10
* 3.当剩余的秒为零时,返回,给出提示,它已被切断
*/
//以一天为例,定义总毫秒数
//var total _ micro _ second=3600 * 1000 * 24;//这是一天的
var total _ micro _ second=10 * 1000//这是10秒
/*毫秒秒**/
功能(即){
//applet呈现时钟
that.setdata({
时钟:日期格式(total _ micro _ second)//格式时间
});
if (total_micro_second=0) {
that.setdata({
时钟: '尖峰结束'
});
//超时跳出递归
返回;
}
//settimeout实现效果
settimeout(函数{
//比较后-
total _ micro _ second-=10;
;
}
,10)//注意毫秒的步长受系统的时间频率限制,所以我们精确到0.01s或者10 ms。
}
//时间打印格式,比如1天23小时12分12秒12秒。每10毫秒调用一次
函数dateformat(micro_second) {
//总秒数
var second=math . floor(micro _ second/1000);
//天
var day=math . floor(second/3600/24);
//总小时数
var hr=math . floor(second/3600);
//小时位置
var hr2=hr $;
//分钟位置
var min=math . floor((second-hr * 3600)/60);
//第二位
var sec=(秒-小时* 3600 -分钟* 60);//等于=;var sec=秒% 60;
//毫秒位,保留2位
var micro _ sec=math . floor((micro _ second % 1000)/10);
返回日' hr2 '小时'分钟'秒'秒'微秒;
}
页面({
数据: {
时钟: ' '
},
onload:函数{
(这个);
}
});
上一篇:微信小程序字母排序怎么制作
下一篇:微信小程序拖动排序代码