微信小程序 this.setData is not a function

  在一般的函数中:

1 bindFaChange1: function (e) {
2     console.log('picker发送选择改变,携带值为', e.detail.value)
3     this.setData({
4       index1: e.detail.value
5     })
6   }

  this.setData是正确的。

  但当在函数中有个请求(wx.request)时:

复制代码
 1 formSubmit: function (e) {
 2     wx.request({
 3       method: 'POST',
 4       header: header,
 5       url: url,
 6       dataType: 'json',
 7      success: function (res) {
 8            this.setData({
 9               data1: true
10             })
11       }
12     })
13 }
复制代码

  或者执行定时任务时候:

复制代码
 1 var si = setInterval(function () {
 2         that.setData({
 3           sendVerifyingCodeText: curCount + '秒后重新获取'
 4         });
 5         that.setData({
 6           sendSmsCodeDisable: true
 7         });
 8         curCount--;
 9         if (curCount <= 0) {
10           that.setData({
11             sendSmsCodeDisable: false
12           }),
13           clearInterval(si);
14         }
15       }, 1000);
复制代码

  这样会报错误:this.setData is not a function.

  这个在新的函数内的this代表的是这个函数体,所有是没有this.setData。这个类似java中的this指的是当前对象,但是javascript是以函数为主体的,所以就是this在函数内部就当前函数。修改未:

  解决方法就是 :在请求(wx.request)或者新的非当前js的方法外面添加:var that=this;然后用:

1 that.setData({
2               data1: true
3             })

 

posted @   ngulc  阅读(3916)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示