微信小程序报错:this.setData is not a function的解决办法


Posted in Javascript onSeptember 27, 2017

微信小程序 报错:this.setData is not a function

在page中定义的代码如下,代码会报错:this.setData is not a function

<strong> pasteEncryptedText:function()</strong>{ 
 let decryptedPass = this.data.decryptedPassword; 
 if (decryptedPass == '' ){ 
 wx.showToast({ 
 title: '请先输入解密密码', 
 mask: true, 
 success: function (res) { 
  setTimeout(function () { 
  wx.hideToast(); 
  }, 4000); 
 }, 
 }); 
 return; 
 }else{ 
 wx.getClipboardData({ 
 <strong>success: function (res)</strong> { 
  if ( res.data == '' ){ 
  wx.showToast({ 
  title: '剪贴板没有内容', 
  mask: true, 
  success: function (res) { 
  setTimeout(function () { 
   wx.hideToast(); 
  }, 4000); 
  }, 
  }) 
  }else{ 
  console.log(decryptedPass); 
  console.log(res.data); 
  <strong>this.setData({ 
  encryptedTextDecode: res.data, 
  originalTextDecode: desEncryptedDecrypted.decrypt(res.data, decryptedPass), 
  });</strong> 
  console.log(this.data.originalTextDecode); 
  } 
 } 
 }); 
 } 
 }

问题分析:在函数 pasteEncryptedText()里面嵌套调用另一个函数 wx.showToast(),而setData()是在wx.showToast()中调用的,此时this.setData() 

中的this不是page,而是wx.showToast()这个对象了 

解决方法:

<strong> 在函数pasteEncryptedText()一开始处将this对象保存:</strong>let that = this;
pasteEncryptedText:function(){ 
 let decryptedPass = this.data.decryptedPassword;
<strong>let that = this;</strong> 
if (decryptedPass == '' ){ 
 wx.showToast({ 
 title: '请先输入解密密码', 
 mask: true, 
 success: function (res) { 
 setTimeout(function () { 
 wx.hideToast(); 
 }, 4000); 
 }, 
 }); 
 return; 
}else{ 
 wx.getClipboardData({ 
 success: function (res) { 
 if ( res.data == '' ){ 
 wx.showToast({ 
  title: '剪贴板没有内容', 
  mask: true, 
  success: function (res) { 
  setTimeout(function () { 
  wx.hideToast(); 
  }, 4000); 
  }, 
 }) 
 }else{ 
 console.log(decryptedPass); 
 console.log(res.data); 
 <strong> that.setData</strong>({ 
  encryptedTextDecode: res.data, 
  originalTextDecode: desEncryptedDecrypted.decrypt(res.data, decryptedPass), 
 }); 
 console.log(<strong>that.data.originalTextDecode</strong>); 
 } 
 } 
 }); 
}

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望通过本文能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
js注意img图片的onerror事件的分析
Jan 01 Javascript
js实现addClass,removeClass,hasClass的函数代码
Jul 13 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
javascript实现链接单选效果的方法
May 13 Javascript
精通JavaScript的this关键字
May 28 Javascript
Angularjs中的$apply及优化使用详解
Jul 02 Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 #Javascript
详解微信小程序Page中data数据操作和函数调用
Sep 27 #Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 #Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 #Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 #Javascript
vue-cli项目中怎么使用mock数据
Sep 27 #Javascript
javaScript实现复选框全选反选事件详解
Nov 20 #Javascript
You might like
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
使用bootstrap插件实现模态框效果
2017/05/10 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
React Native使用fetch实现图片上传的示例代码
2018/03/07 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
2019/05/22 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
蔻驰意大利官网:COACH意大利
2019/01/16 全球购物
Camper鞋西班牙官方网上商店:西班牙马略卡岛的鞋类品牌
2019/03/14 全球购物
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
实习鉴定范文
2013/12/19 职场文书
新书吧创业计划书
2014/01/31 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
高中美术教学反思
2016/02/17 职场文书
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫