当前位置:错新网文章中心网站设计网页设计 → 微信小程序 this和that详解及简单实例

微信小程序 this和that详解及简单实例

减小字体 增大字体 作者:xin  来源:www.cuoxin.com  发布时间:2017-7-25 9:53:00

微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报undefiend。原因是,在javascript中,this代表着当前对象,会随着程序的执行过程中的上下文改变,在wx.request({});方法的回调函数中,对象已经发生改变,所以已经不是wx.request({});方法对象了,data属性也不存在了。官方的解决办法是,复制一份当前的对象,如下:

var that=this;//把this对象复制到临时变量that

在success回调函数中使用that.data就能获取到数据了。

不过,还有另外一种方式,也很特别,是将success回调函数换一种声明方式,如下:

success: res =>{  this.setData({      loadingHidden: true,      hideCommitSuccessToast: false  })}

在这种方式下,this可以直接使用,完全可以获取到data数据。

再给一个完整的例子:

success: res => {  if (res.data.code != 0) {   // 提交失败   this.setData({    loadingHidden: true,    hiddenTips: false,    tipsContent: res.data.message   })  } else {   // 提交成功   this.setData({    loadingHidden: true,    hideCommitSuccessToast: false   })   subBtn = false;    // 定时,3秒消失   setTimeout(() => {    this.setData({     hideCommitSuccessToast: true    })    wx.navigateBack({ delta: 2 });   }, 2000);   } }

(【错.新.网】 Cuoxin.com)


本文引用网址:

在下列搜索引擎中搜索“微信小程序 this和that详解及简单实例”的相关信息:

谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1最新90后吹箫门事件曝光 90后女...
  • 2王梦溪未经处理雅照120P完整艳...
  • 3女学生裸贷资源百度云下载 10G...
  • 4美女穿紧身裤性感诱惑露阴沟 宅...
  • 5如何做爱真人示范图片 男女ML常...
  • 117岁女孩身份证号大全 18岁女孩...
  • 2去掉dedecms栏目页和内容页的当...
  • 3我想更改前台页面的样子,改怎...
  • 4女性18岁身份证号大全 成年女人...
  • 5图解Godaddy支付宝购买主机全过...
  • 1兰州警花王梦溪裸照全集视频 王...
  • 2嫩白少妇与猛男户外疯狂车震遭...
  • 3中国女大学生的淫靡生活
  • 4合肥艳照门事件 合肥艳照门全套...
  • 5全球空姐制服比拼
  • 1一般人不告诉他 墨盒喷头清洗方...
  • 2Linux和GNU有什么关系?
  • 3配置Linux的环境变量
  • 4如何做服务器安全维护?有哪些...
  • 5Linux系统用户账号文件中passw...
  • 赞助商广告

    图片文章导读