微信小程序this.setData is not a function报错||TypeError: Cannot read property ‘setData’ of null
1. 使用回调函数(方法块).bind(this)
2.在方法块外面声明_this=this来存储this,然后在方法块内用_this便可以正常访问方法与属性
3.使用箭头函数,箭头函数没有自己的this,直接继承外部的this,不会出现上述错误
下面举例说明:
A.以计时器为例,其内部的回调方法function(){}可以看做是一个闭包,无法直接使用this,通过function(){}.bind(this)语法可以在其内部使用this,这个表示将事件绑定到当前页面上
setTimeout(function() {
this.setData({
codeText: "重新获取"
})
}.bind(this), 60000)
B.在方法块外面声明 var that=this来存储this,然后在方法块内用that便可以正常访问方法与属性
var that = this;
setTimeout(function() {
that.setData({
codeText: "重新获取"
})
}, 60000)
C.使用箭头函数,在es6中 ,使用箭头函数是不存在这个问题的. 并不是因为箭头函数内部有绑定this的机制,而是箭头函数没有自己的this,直接继承外部的this,不会出现上述错误.
setTimeout(()=>{
this.setData({
codeText: "重新获取"
})
}, 60000)