当前位置:首页 > 日记 > 正文

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

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

微信小程序中,在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);    }   }

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

word位置怎么调整word调整位置的方

word位置怎么调整word调整位置的方

位置,调整,方法,设置,图片大小,  在word插入图片时,位置不总是那么如人所意,当想要把图片的位置调到你满意的位置要怎么做呢?接下来小编为你分享word调整图片位置的方法。希望对你有帮助!word调整图片位置的方法第1步,打开Word2007文档窗口,选…

excel表格金额汇总的教程excel表格

excel表格金额汇总的教程excel表格

金额,教程,表格,电脑软件,excel,  Excel中的表格具体该如何进行金额汇总呢?下面是小编带来的关于excel表格金额汇总的教程,希望阅读过后对你有所启发!excel表格金额汇总的教程金额汇总步骤1:制作如下图所示表格并输入基础数据。(特别说明:标…

php输出全部gb2312编码内的汉字方

php输出全部gb2312编码内的汉字方

输出,方法,编码,汉字,电脑软件,php输出全部gb2312编码内的汉字,$area表示分区,$pos表示分区内所在位置。<?php$fp = fopen('t.txt', 'a');for($area = 0xb0; $area <= 0xf7; $area++) for($pos = 0xa1; $pos <= 0xfe; $pos++) fwrite…

JavaScript原生数组Array常用方法

JavaScript原生数组Array常用方法

原生,常用方法,数组,电脑软件,JavaScript,栈方法push方法和pop方法, 可以使数组的行为类似于栈, 先进后出, 并且推入和弹出操作只发生在一端.push方法push方法可以接收一个或多个参数, 把它们追加到数组末尾, 并返回修改后数组的长度.var a…

PS怎么抠掉人物照片中的多余人员

PS怎么抠掉人物照片中的多余人员

片中,多余,人物,人员,花丛,  在素材图片中要消除的部分比较多,有多个人物和其他杂物;修复的时候先把地平线区域修复好,然后再修复天空和地面的区域,这样修复的效果就自然真实很多。以下是小编为您带来的关于PS抠掉户外花丛人物照片中的多余…

怎么在word中设计一款新颖的圆形头

怎么在word中设计一款新颖的圆形头

圆形头像,新颖,电脑软件,word,  平时的微信头像太平淡,怎么能新颖点呢?有人说可以使用PS软件来设计头像,可是不熟悉的人就不会了。其实可以用Word来做,Word也可以设计圆形头像。以下是小编为您带来的关于word中设计一款新颖的圆形头像,希望对…

word2013文档制作标题折叠的方法是

word2013文档制作标题折叠的方法是

折叠,方法,文档,标题,电脑软件,  word2013中有一项非常有趣的功能,就是折叠标题,顾名思义:标题下面的文字能都折叠起来。以下是小编为您带来的关于word2013文档制作标题折叠的方法,希望对您有所帮助。word2013文档制作标题折叠的方法1、首先,…

简单谈谈原生js的math对象

简单谈谈原生js的math对象

对象,原生,简单,电脑软件,js,Math对象方法//返回最大值 var max=Math.max(95,93,90,94,98); console.log(max); //返回最小值 var min=Math.min(95,93,90,94,98); console.log(min); //向上取整 console.log…

使用Math.max,Math.min获取数组中

使用Math.max,Math.min获取数组中

组中,实例,电脑软件,Math,max,Math.min()和Math.max()用法相似。两个方法用来获取给定的一组数值中的最大值或最小值,但是却不接受数组作为参数。当然可以写个函数遍历比较之类的等等,此处不描述。有两个快捷的方法可以接受数组类型参数:1 . M…

Word 2016中如何更改文档默认保存

Word 2016中如何更改文档默认保存

路径,文档,默认,方法,格式,  在默认情况下,Office 2016均使用默认的文档格式和路径来保存文档,用户可以根据需要更改默认的文档保存格式,并将文档默认的保存位置更改为其他的文件夹。以下是小编为您带来的关于Word 2016中更改文档默认保存格…

利用NPM淘宝的node.js镜像加速nvm

利用NPM淘宝的node.js镜像加速nvm

镜像,淘宝,电脑软件,NPM,node,NVM 加速安装 Node.js 一般都是用 nvm但是安装之后使用体验就不咋地了,由于某些不可变原因,国内网络就不好吐槽了;就连执行一下 nvm ls-remote 都要很久。当然“道”高一尺“魔”高一丈,聪明的国人肯定也想出了对…

Word中进行制作通用公文页面的操作

Word中进行制作通用公文页面的操作

通用,操作方法,公文,页面,操作步骤,  公文都有一定有格式,而且格式很严格。公文一般由眉首、主体和版记三部分组成;置于公文红线以上的部分各要素我们统称为眉首。今天,小编就教大家在Word中进行制作通用公文页面的操作方法。Word中进行制…