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

2019-11-19 15:16:59

字体：大中小

来源：转载

供稿：网友

微信小程序报错：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>);  }  }  }); }

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

上一篇：js移动端图片压缩上传功能

下一篇：EasyUI Tree树组件无限循环的解决方法