微信小程序报错: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 相关文章推荐
JQuery toggle使用分析
Nov 16 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
js操作iframe的一些方法介绍
Jun 25 Javascript
jquery等待效果示例
May 01 Javascript
如何防止回车(enter)键提交表单
May 11 Javascript
javascript 获取HTML DOM父、子、临近节点
Jun 16 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
JavaScript构造函数详解
Dec 27 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
信息滚动效果的实例讲解
Sep 18 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 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
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
php 错误处理经验分享
2011/10/11 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
python的类方法和静态方法
2014/12/13 Python
介绍Python中内置的itertools模块
2015/04/29 Python
回调函数的意义以及python实现实例
2017/06/20 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
python小白学习包管理器pip安装
2020/06/09 Python
python绘制汉诺塔
2021/03/01 Python
eBay荷兰购物网站:eBay.nl
2020/06/26 全球购物
教育系毕业生中文求职信范文
2013/10/06 职场文书
会计系中文个人求职信
2013/12/24 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
物业管理专业自荐信
2014/07/01 职场文书
2014年党员自我评议对照检查材料
2014/09/20 职场文书
买房协议书范本
2014/10/23 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
银行先进个人总结
2015/02/15 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
庆七一晚会主持词
2015/06/30 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书