小程序SetTimeOut的一个坑

小程序SetTimeOut的一个坑


先看代码

onReady: function () {
    console.log("加载完成");
    setTimeout(function () {
      this.setData({ color1: "#BBBBBB"});
    }, 2000);
}

出现的错误:
在这里插入图片描述


正确代码

  onReady: function () {
  
    var that = this;
 
    setTimeout(function () {
      that.setData({ color1: "#BBBBBB"});
    }, 2000);
 
  }

原因

在setTimeOut这个里面,this已经被改变了,不在是当初的那个this了,所有需要先将原来的this的值记录下来,赋给另外一个,再改变它的值,就可以了,具体细节原因,希望有大佬帮我指出一下,这儿只给了解决方案

你可能感兴趣的:(小程序)