微信小程序 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({})等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)