微信小程序报错: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 多浏览器分别判断代码
Apr 01 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
Dec 03 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
JS自调用匿名函数具体实现
Feb 11 Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
Node与Python 双向通信的实现代码
Jul 16 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
cache_lite试用
2007/02/14 PHP
php smarty 二级分类代码和模版循环例子
2011/06/01 PHP
php简单的会话类代码
2011/08/08 PHP
解析php中heredoc的使用方法
2013/06/17 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
PHP数组基本用法与知识点总结
2020/06/02 PHP
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
Python中字典映射类型的学习教程
2015/08/20 Python
Python3 操作符重载方法示例
2017/11/23 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
pandas的排序和排名的具体使用
2019/07/31 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
socket.io 和canvas 实现的共享画板功能
2019/05/22 HTML / CSS
倩碧美国官网:Clinique美国
2016/07/20 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
介绍一下木马病毒的种类
2015/07/26 面试题
法律工作求职自荐信
2013/10/31 职场文书
财务会计实习报告体会
2013/12/20 职场文书
2014年教研活动总结范文
2014/04/26 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
委托公证书样本
2015/01/23 职场文书
导游词之神仙居景区
2019/11/15 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
Python实现单例模式的5种方法
2021/06/15 Python