如何解决微信小程序报错:this.setData is not a function的问题

2020-08-17 16:19:03
这篇文章主要介绍了微信小程序报错:this.setData is not a function的解决办法的相关资料,希望通过本文能帮助到大家解决这样类似的问题,需要的朋友可以参考下

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

相关推荐:

如何解决微信小程序请求服务器手机预览请求不到数据的问题

如何解决微信公众号 提示:Unauthorized API function的问题

如何解决微信小程序中出现的错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}