小程序使用中遇到的this.setData赋值无效问题

最新推荐文章于 2024-07-21 12:42:01 发布
最新推荐文章于 2024-07-21 12:42:01 发布
阅读量4.9k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/z2181745/article/details/105806346
版权
探讨了在JavaScript中箭头函数如何改变this的作用域，解释了为什么在使用箭头函数时，不需要额外的变量来保存this的引用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是有关this作用域的问题，问题代码如下：

解决方法：一开始把171行const that = this 改为let that = this;赋值虽然生效了

但很快发现有些麻烦，因为一开始忽略了173行使用了箭头函数，箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，所以不需要171行的声明，直接使用this即可

Julie_GO
关注
小程序中this.setData的使用和注意事项
10-16
当页面加载时，可以在onLoad事件中使用this.setData来初始化数据。例如： ```javascript onLoad: function() { this.data.test02 = 10; this.setData({ test02 }); } ``` 在这个过程中，我们需要注意，直接...
微信小程序-修改数据后页面不渲染
热门推荐
前端向朔
03-04 3万+
说明去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的，这是我第一次有意识的亲眼目睹了一个新技术的发展，还是感觉比较荣幸的。 唱衰小程序？我的观点是肯定不可能，因为现在每天提交审核的小程序还在继续增加，而且有些小程序确实很好用，比如摩拜的扫码骑车，还有我上周去KTV，直接用小程序扫屏幕上的二维码，就可以绑定房间，然后通过
微信小程序this.setData如何修改对象、数组中的值
weixin_42017221的博客
10-24 1934
data数据为三种情况数组对象对象中的数组。
微信小程序setData赋值失败
qq_41588568的博客
10-09 2137
原因是this.setData赋值代码中的最后一行nextVipName，index值是4，但是data的长度是5，所以下标为index+1的data[index+1]是不存在的，所以出现了setData赋值失败问题。 修改一下就ok了：
支付宝小程序 setData({})无法传值
weixin_45801225的博客
09-02 628
setData({})传值问题
小程序中使用this.setData()遇到的问题及解决方案
weixin_64397810的博客
04-16 6918
最近在学习小程序时遇到了关于setData()的不少问题，在这里做一些总结和记录。 1.setData()使用方法总结 2.如何修改数组对象中的一个数据 3.双向绑定
微信小程序接收数据 res.data赋值给页面数组时 出现undefine 解决方法
weixin_43752106的博客
03-12 5157
定义数组 data: { dataList:[] } 当给数组赋值时 this.data.dataList=res.data console.log(res.data) 会出现proerty undefine的报错 只需要将 success:function(res) 改为 success :(res)=> 就可正常赋值，因为前者会因为语言版本原因，无法正确找到this的层级，所以用后者就能正常给dataList赋值了 ...
微信小程序中this.data与this.setData的区别详解
01-03
小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗？ Page.prototype.setData() setData 函数...
微信小程序报错：this.setData is not a function的解决办法
08-29
微信小程序报错：this.setData is not a function的解决办法是将this对象保存到that对象中，然后使用that对象代替this对象来调用setData函数。同时，需要注意this对象的指向，避免this对象的指向被改变，导致错误的...
微信小程序 setData使用方法及常用错误解决办法
08-30
在微信小程序中，`setData` 是用于更新页面数据的关键方法，它允许开发者将数据从 JavaScript 层传递到 WXML（微信小程序的结构层），从而驱动页面视图的更新。然而，`setData` 在处理数组对象时有一些特殊的规定，...
《知识点003：setData方法不起作用（setData赋值的2种方法》
最新发布
大大大钢琴
07-21 505
就行了，或者将success （res）修改为success: res=>{} 将数据对象传进来,这样就可以在函数里直接使用this.setData了。1、以下这种情况使用this.setData赋值失败：【success : function(res)...】 + 【this.setData】的赋值会失败，因为this的对象传不进success里面导致的数据无法修改。将方法【success （res）修改为success: res=>{} 】 操作方式。
微信小程序wx.showModal中this.setData不能赋值问题
weixin_42692107的博客
04-19 1680
微信小程序wx.showModal中this.setData不能赋值问题 // A code block var that =this wx.showModal({ title:'删除历史记录', content:'是否删除全部历史记录', success:function(res){ if(res.confirm){ console.log('用户点击了确定') that.setData({
微信小程序this.setData()失效情况与解决方案
baidu_41860619的博客
02-13 1万+
微信小程序this.setData()失效情况与解决方案 第一种：this代表的对象改变了 1.1 举个栗子： demo.js文件 Page({ data: { flag:false }, test:function(){ wx.showModal({ title: '提示', content: '这是一个模态弹窗', succ...
微信小程序项目中that和this的区别（this.setData()报错undefined解决方法）
weixin_48661004的博客
11-24 3141
微信小程序项目中that和this的区别，箭头函数this指向，this指向问题（this.setData()报错undefined解决方法）
小程序this指向问题
Liubo的博客
07-24 1786
在小程序js里面，在回掉函数里面写this，例如这样： success: function(res) { console.log(this) } 会输出 NULL 也就是说找不到 this 解决办法 success: (res) => { console.log(this) } 或者这样写 let _this = this ...... su...
微信小程序 this.data.xxx给变量赋值后，变量发送改变，data的值也会变，困扰了一天的问题终于解决。
weixin_54828488的博客
05-30 1128
微信小程序 this.data.xxx给变量赋值后，变量发送改变，data的值也会变，困扰了一天的问题终于解决。
解决在微信小程序里面参数是空值和undefined的问题
刘小杨的博客
10-29 3762
在H5里面，使用分类列表页面向详情页面发送数据的时候，用onload接收数据，遍历页面的时候，我是使用this调用了，在H5里面非常可以。但是在小程序里面就不行了。 一个是H5,一个小程序。前端人员应该不用多说。 解决方法： 在使用页面里面H5里还是在小程序里面不要用this调用直接写数据就行了 就OK啦~~~ ...
微信小程序 this.selectComponent 返回值为 null 的问题
dizzysunshine的博客
01-18 1万+
this.selectComponent(string) 可以返回所使用组件的实例对象 报错原因排查步骤 json 文件中引入了该组件 { "usingComponent": { "header": "../../components/hedader" } } 父组件 wxml 文件中使用了这个组件并且设置了一个 id 或者是 class 类样式 wxml..
微信小程序字符数组如何用this.setdata分别赋值
03-26
假设有一个字符数组`arr`，需要将其分别赋值给小程序页面的`data`中的变量`var1`、`var2`、`var3`，可以按照以下步骤使用`this.setdata`进行赋值： 1. 在`data`中定义变量： ``` data: { var1: '', var2: '', var3: '' } ``` 2. 在`onLoad`生命周期函数中将字符数组`arr`赋值给一个临时变量`temp`： ``` onLoad: function() { var arr = ['a', 'b', 'c']; var temp = { var1: arr[0], var2: arr[1], var3: arr[2] }; this.setData(temp); } ``` 3. 将临时变量`temp`作为参数传入`this.setData`函数，即可将字符数组`arr`中的元素分别赋值给`var1`、`var2`、`var3`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值