微信小程序使用setData方法修改data中对象或数组的属性值

最新推荐文章于 2024-09-30 13:54:56 发布
最新推荐文章于 2024-09-30 13:54:56 发布
阅读量1w 收藏 8
点赞数 5
分类专栏： 小程序 javascript 文章标签： 小程序 data setData vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yisimo/article/details/79453896
版权

使用微信小程序开发时，涉及到data的修改一般使用微信官方推荐的setData方法，按使用情况分别操作如下：

一、直接修改data的某个属性

二、修改data里的数组或对象的属性

如果按照第一种方法操作，编辑器会报错，此时我们只需将数组或对象的属性转换成字符串，再用中括号括起来就可以修改了：

一丝墨
关注
专栏目录
微信小程序使用setData修改数组中单个对象的方法分析
12-09
在前端框架如Vue或React中，更新数组内的单个对象是相对直接的，但微信小程序仅提供`setData`方法来更新数据，这使得在数组中修改单个对象时需要特殊处理。 `setData`方法用于修改页面的数据，它接受一个对象作为...
微信小程序setData()方法的详解以及对数组/json操作
热门推荐
NAMECZ的博客
03-20 11万+
此篇文章是本人对setData方法的一些理解，是查阅文档和查找一些其他资料综述的，有所不足希望指正！ 直接进入正题！ 一、setData（）方法： 1、参数接受一个对象，以key，value的形式表示； 2、参数和变量名称一致，可用一个值代替（es6新语法特性） 如上图所示，在this.data中设置ceshi这条数据，在方法中，我们定义ceshi变量让其等于that.data.ce...
微信小程序this.setData()对单个属性值、对象、数组的使用
qq_43235503的博客
06-15 2577
微信小程序this.setData()对单个属性值、对象、数组的使用
小程序原生-利用setData()对不同类型的数据进行增删改
一个人的江湖
09-30 1034
Object.assign()将多个对象合并成一个对象，从后往前合并，以后面的为准。
微信小程序的setData
pengshisong的博客
07-23 527
在Page的生命周期函数里setData时： 出现以下错误：thirdScriptError 解决方法： 原因：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 参考：https://www.cnblogs.com/pssp/p/5216085.html 微信小程序用setData修改数组...
微信小程序 - setData
Ellasun_web的博客
04-26 1774
3、直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。可以以数据路径的形式给出，支持改变数组中的某一项或对象的某个属性，如。函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的。，并且不需要在 this.data 中预先定义。
微信小程序 —— setData()
一只想躺平却不敢躺平的小菜鸟
07-26 536
this.setData修改data数据（基础数据，数组、对象）
微信小程序开发系列（二十一）·wxml语法·setData（）修改数组类型数据（增加、修改、删除）
时光の尘的博客
03-07 3061
在微信小程序中，setData（）方法用于将数据从逻辑层发送到视图层，以实现页面数据的更新和视图的刷新。通过 setData（）方法可以更新页面上展示的数据，让用户看到最新的信息。当调用 setData（）方法时，需要传入一个对象，该对象包含需要更新的数据。在这里，key1，key2等表示要更新的属性名，value1，value2分别为对应的属性值。当调用 setData（） 后，相关属性的数据会被更新，并触发页面视图的重新渲染，以展示最新的数据。
微信小程序 setData使用方法及常用错误解决办法
12-10
总结起来，微信小程序中使用 `setData()` 更新数组元素时，需要注意以下几点： 1. 数据路径必须是字符串，不能包含动态的数组索引。 2. 当需要更新数组中多个元素或属性时，需要多次调用 `setData()`，每次更新一个...
微信小程序开发之改变data中数组或对象的某一属性值
08-27
微信小程序开发之改变data中数组或对象的某一属性值 微信小程序开发中，经常遇到需要改变data中数组或对象的某一属性值的情况，例如在列表中点击某一项时，需要改变该项的某个属性值。这篇文章将通过实例代码详细...
微信小程序 setData的使用方法详解
01-03
微信小程序 setData的使用方法详解 最近在使用微信小程序的setData时，遇到了以下问题。如下： 官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的： Page({ data: { array: [{text: 'init data'}], }, changeItemInArray: function() { this.setData({ 'array[0].text':'changed data' }) } }) 使用了 ‘array[0].text’ : ‘changed data’ 这样的值。但在实际使用中，我们对数组的中的
微信小程序 setData
赫凯的博客
12-05 1万+
OK ，是在下输了，微信小程序里 js文件的setData,用this.setData({})是行不通的，得先给this赋个值，一般是这样的var that = this this.setData({}) 然后就来坑了，var that = this ，不能写在全局变量，也不能写在网络请求里，写在函数里的第一句是最保险的，我真是不知道为什么这样子
微信小程序专题之setData
weixin_33757911的博客
06-28 154
Page.prototype.setData setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 setData() 参数格式 setData(data, callback); // data需为可 JSON 化的数据，callback在 setData 对界面渲染完毕后调用 s...
微信小程序 this.setData（）
H_ZMY的博客
06-17 1580
lsetData（）函数用于将 data 从逻辑层传输到视图层，同时对应的改变this.data的值。Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。
微信小程序setData()对数组的操作
weixin_33709219的博客
09-13 337
对于setData普通数据类型而言，没什么讲究 但是对于数组而言，再直接修改一个完整的数组显得有些多余，首先写着不简易，其次效率很是滴。 比如 你都能觉得复杂，官方肯定是有对应的优化的。 官方demo Page({ data: { array: [{text: 'init data'}], }, changeItemInArray: function(...
微信小程序中 setData 详解
itclanCoder
06-21 2万+
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）如果不知...
微信小程序中用setData修改数组或对象
weixin_34007879的博客
03-06 287
前言 更多内容，请访问我的 个人博客。 在 page 中有如下数组： Page({ data: { list: [ { id: 0, state: "running" }, { id: 1, state: "done" }, { id: 2, ...
微信程序开发使用setdata修改单个值到data的数组
最新发布
10-16
2. 使用索引来指定需要修改的数组元素，然后调用`setData`方法，传入一个对象，该对象包含你要更新的数据属性名及新的值。比如你想把第一个元素的值改为新的值： ```javascript wx.setStorageSync('items', this....
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值