小程序深层setData报错问题

最新推荐文章于 2024-07-21 12:42:01 发布

mmmm麻瓜

最新推荐文章于 2024-07-21 12:42:01 发布

阅读量259

点赞数

文章标签：小程序 javascript

本文链接：https://blog.csdn.net/weixin_55007707/article/details/113988408

版权

自学微信小程序之路专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文探讨了在小程序中遇到的深层数据设置问题，当尝试通过`setData`更新复杂对象路径时，编译器和运行时可能出现错误。通过示例展示了如何正确使用中括号和字符串模板来解决此类报错，确保能够成功更新深层数据。同时提醒开发者理解这一机制的重要性。

摘要由CSDN通过智能技术生成

小程序深层setData报错问题

当我们给深层的data赋值时，可能会这么做
例：

this.setData({order.extraInfo.receivers[rindex].distance:distance[rindex]})
//编译器会提示报错

此时，我们在key的最外部加上[ ]

this.setData({[order.extraInfo.receivers[rindex].distance]:distance[rindex]})
//编译器能过，实际运行时会报XXX is not defined

所以我们不仅要加中括号，还要再加上’ '来包裹住它

this.setData({['order.extraInfo.receivers['+rindex+'].distance']:value})
//这样就能跑了

———————————————————————————————————
//TODO
//搞清楚原理后再更

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mmmm麻瓜

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序错误this.setData报错及解决过程

10-16

主要介绍了微信小程序错误this.setData报错及解决过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

关于setData 的报错

Alex9611的博客

04-28

417

今天在开发微信小程序的时候碰到一个问题，关于setdata（）。我在发送请求的时候。无法调用data里面的数据 // message是一个空对象 data：{ message：{} }; 而我之后用set data使获取到的值绑定到了message里面 // 获取到了message的数据 onload function (){ this.setData( message:JSON.par...

参与评论您还未登录，请先登录后发表或查看评论

《知识点003：setData方法不起作用（setData赋值的2种方法》

最新发布

大大大钢琴

07-21

329

就行了，或者将success （res）修改为success: res=>{} 将数据对象传进来,这样就可以在函数里直接使用this.setData了。1、以下这种情况使用this.setData赋值失败：【success : function(res)...】 + 【this.setData】的赋值会失败，因为this的对象传不进success里面导致的数据无法修改。将方法【success （res）修改为success: res=>{} 】操作方式。

微信小程序：setData报错TypeError: Cannot read property ‘setData‘ of undefined

黄啊码

07-22

1114

问题的原因：无法找到setData这个定义，因为setData中是onLoad函数中的方法中的子节点，无法使用this 解决办法：这个时候需要在方法的开始部分定义var that = this，然后用that.setData来重置，这样就解决了这个问题了。如下图： ...

微信小程序使用this.setData。显示setData是undefined的解决。以wx.chooseImage为例

weixin_45391996的博客

04-06

3947

在微信小程序中，经常会使用this.setData来绑定数据。容易引起错误"setData" of undefined wxml/---/ <button bindtap="handChooseImage">选中图片</button> <image src="{{image}}"></image> js/---/ data:{ image:" "...

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

08-29

"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...

微信小程序 setData使用方法及常用错误解决办法

08-30

在微信小程序中，`setData` 是用于更新页面数据的关键方法，它允许开发者将数据从 JavaScript 层传递到 WXML（微信小程序的结构层），从而驱动页面视图的更新。然而，`setData` 在处理数组对象时有一些特殊的规定，...

尝试解决微信小程序分页最后setData数据太大限制的问题

03-29

前些天，突然接到用户的大量反馈，我们的小程序频繁出现闪退，崩溃的现象。如图， (此图片来源于网络，如有侵权，请联系删除! ) 于是马上着手追查问题，首先确定了导致闪退的页面。是在一个有长列表的页面，当上拉...

微信小程序setdata is not defined;at api request success callback function

weixin_41326227的博客

04-07

2318

经常会在接口的sucess函数里边重置data{}数据，但是直接this.setData是不行的；须写成var that=this; 如下简易demo onLoad: function (options) { // this.getUser(wx.getStorageSync("userInfo").id); }, getUser:function(userId){ ...

小程序setData报错未定义

PromiseCao的博客

11-06

5793

在wx:request()中使用setData会报这样的错误因为这里的this是相对于wx:request()的当前对象，我们可以这样解决：因为这里的wx:rewuest()是在页面加载时调用，所以我们可以在onLoad（）中定义一个变量that ，将this赋值给that，那么此时的that代表相对于onLoad（）的当前对象，然后在success回调函数中直接使用that.setDat...

小程序中data中定义了某变量，使用this.setData修改某变量的值,报错该变量is not defined的解决方法

weixin_72322475的博客

02-24

596

小程序中data中定义了某变量，使用this.setData修改某变量的值,报错该变量is not defined的解决方法

在vue中使用FormBuilder,setData is not undefined

Cahier

10-25

1361

今天在vue使用formbuilder,点击页面想自动加载setData让表单自动加载,官方的例子是这样子的 var fbEditor = document.getElementById('build-wrap'); var formBuilder = $(fbEditor).formBuilder(); var formData = '[{"type":"text","label":"Ful...

微信小程序中this.data与this.setData的区别详解

无知者无畏

06-18

3111

微信小程序中this.data与this.setData的区别详解 this.data与this.setData的关系就是this.setData里面存储的是this.data的副本，而界面是从this.setData里面托管的this.data的副本取数据的。所以我们更改this.data并不会直接更新界面，因为这个时候的this.setData里面的副本还是没有更新前的其中this.data是用来获取页面data对象的 this.setData是用来更新界面的注意：直接修改 this

微信小程序中this.data 和 this.setData

前端小白的博客

10-04

2086

1、this.data：this.data 是一个对象，用于存储小程序页面的数据。例如，this.data.name 可以获取名为 name 的数据，this.data.name = ‘John’ 可以修改名为 name 的数据为 ‘John’。2、this.setData：this.setData 是一个方法，用于更新页面的数据并触发页面的重新渲染。在微信小程序中，this.data 和 this.setData 是两个用于处理数据的不同方式。this.data 是用于存储和访问小程序页面数据的对象。

关于微信小程序中的this.setData()错误

weixin_54877421的博客

03-05

500

能理解对象编程，这个问题很好理解。this引用的是当前对象。setData（）属于page这个对象，在page的属性方法中引用没有问题。一旦在其他的对象方法中直接用this引用就会报错，未定义setData()函数. 解决这个问题，可以在page对象中，定义一个引用指向this，如that=this。之后在其他的对象中引用page中的对象属性和方法时，用that.fuction()引用就好了 ...

input层级高 小程序_微信小程序textarea层级过高(盖住其他元素)问题的解决办法...

weixin_42511887的博客

12-24

604

1.首先，textarea为微信小程序原生组件，其层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。2.解决方法：方法一：可通过官方提供的标签嵌套view或者button，或者用标签提交方法二：我用的vant weapp，第一种方法无法嵌套其组件，遂用一下方法(1)用view盛放会覆盖的placeholder(注：如果有弹出层，当弹出弹出层时禁用textar...

小程序setData方法修改对象或数组的属性值(多层级)

hjh15827475896的博客

06-04

2119

数据 data:{ code:'9527', baseInfo:{ name:'夏尔', age:19 }, family:[{ name:'大头爸爸', age:'46' },{ name:'美丽妈妈', age:'45' }] } data下的一级属性这个是最基础的 this.setData({ code:'007' }) 修改data下的对象 this.setData({ 'baseInfo.age':24 }) 修改data下的数组 this.setD

小程序setdata

08-13

setData函数是微信小程序开发中一个频繁使用的接口，用于将数据从逻辑层渲染到视图层。它是一个异步函数，可以同时改变对应的this.data的值。通过setData函数，我们可以更新小程序的页面数据并实现视图的更新。 ...