微信小程序this.setData is not a function报错怎么解决

微信小程序this.setData is not a function报错怎么解决,第1张

微信小程序 setData常用错误解决办法:

1、微信小程序中,在wxrequest({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,thisdata来获取,会出现获取不到的情况,调试页面也会报undefiend。

原因是,在javascript中,this代表着当前对象,会随着程序的执行过程中的上下文改变,在wxrequest({});方法的回调函数中,对象已经发生改变,所以已经不是wxrequest({});方法对象了,data属性也不存在了。官方的解决办法是,复制一份当前的对象,如下:

var that=this;//把this对象复制到临时变量that。在success回调函数中使用thatdata就能获取到数据了。

2、下面就是修改代码,必须setData一下,不然地图不会刷新。

markers: {     iconPath:

"/picture/bikepng",     id: 0,     latitude: 23099994,     longitude:

113324520,     width: 50,     height: 50    }

for(var i = 0; i < resdatalength; i++){         //

thatdatamarkers[i]id=i;          // markid=i;         var param =

{};         var string = "markers["+i+"]id";         param[string] =

resdata[i]Bike_id;                 thatsetData(param);            

var string="markers["+i+"]iconPath";         param[string]

="/picture/bikepng";         thatsetData(param);             var

string = "markers["+i+"]latitude";         param[string] =

resdata[i]BIKE_latitude;                 thatsetData(param);        

          var string = "markers["+i+"]longitude";        

param[string] = resdata[i]BIKE_longitude;                

thatsetData(param);                  var string =

"markers["+i+"]width";         param[string] = 50;                

thatsetData(param);              var string = "markers["+i+"]height";

       param[string] = 50;                 thatsetData(param);        

 / thatsetData({          markers:[{     iconPath:

"/picture/bikepng",     id: 0,     latitude: 23099994,     longitude:

113324520,     width: 50,     height: 50          }]         })/      

  }       //   consolelog(resdata[1])         var

markk=thatdatamarkers;         thatsetData({markers:markk})

小程序setData()设置,百度找到:   >

官方

先看一下官方对于 thisdata 和 thissetData({}) 的定义与用法

知识点

thisdata 是用来获取页面data对象,仅会改变数据,无法改变页面的状态,可能会造成数据不一致;

thissetData({}) 是用来修改数据,不仅会改变数据,而且还会改变视图;

问题

实际自己在学习过程中,遇到一个问题,下拉刷新的方法当中,用 thisdata thissetData({}) ,在数据显示上并没有什么不同,学习的视频中,授课老师用的是thisdata,这个地方我自己也没有搞清楚是为什么

*** 作效果:

thisdata

thissetData({})

可以看出来,两者使用并没有什么明显的区别。

总结

实际使用当中按照上面 知识点 部分加粗部分去执行,肯定是没有错的,涉及到页面数据更新的,使用thissetData({}) ,在js中使用data数据时使用thisdata属性 。

1、小程序不是运行在浏览器中,所以没有DOM和BOM对象

2、小程序的JS有一些额外的成员

App方法 用于定义应用程序实例对象

Page方法 用于定义页面对象

getApp方法 用于获取全局应用程序对象

getCurrentPages方法 用来获取当前页面的调用栈(数组 最后一个就是当前页

wx对象 用来提供核心api的 官方链接: >

以上就是关于微信小程序this.setData is not a function报错怎么解决全部的内容,包括:微信小程序this.setData is not a function报错怎么解决、微信小程序开发入门笔记之数组对象修改、小程序:this.data 与 this.setData({})等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9689157.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存