微信小程序-that.setData({})设置复杂字段数据

最新推荐文章于 2025-06-17 14:46:04 发布
原创 最新推荐文章于 2025-06-17 14:46:04 发布 · 911 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序

本文探讨如何在微信小程序中使用that.setData({})方法设置复杂的字段数据，重点聚焦于字符串拼接技巧。

字符串拼接

for (let index = 0; index < that.data.list.length; index++) {
   
   
        var listCheck = 'list[' + index + '].checked'
        that.
最低0.47元/天 解锁文章
微信小程序数据更新优化方法之setData
a1009698473的博客
01-31 1532
笔者最近做一个微信小程序无限长列表的页面，但是发现特别卡，目前采用优化setData的方法来处理问题，后期将会用虚拟列表来优化。在微信小程序中，我们经常需要更新页面数据，通常的做法是通过 setData 方法来实现。然而，如果我们频繁调用 setData，可能会导致性能问题。因此，我们需要一种优化方法来提高数据更新的效率。
微信小程序之setData用法
weixin_50367873的博客
11-18 3789
setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 setData()用法： setData(data, callback); // data需为可 JSON 化的数据，callback在 setData 对界面渲染完毕后调用 setData() 的第一个参数 data 是 Object 类型的数据，其中 key 可以非常灵活，可以以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预
微信小程序setData()方法的详解以及对数组/json操作
NAMECZ的博客
03-20 11万+
此篇文章是本人对setData方法的一些理解，是查阅文档和查找一些其他资料综述的，有所不足希望指正！ 直接进入正题！ 一、setData（）方法： 1、参数接受一个对象，以key，value的形式表示； 2、参数和变量名称一致，可用一个值代替（es6新语法特性） 如上图所示，在this.data中设置ceshi这条数据，在方法中，我们定义ceshi变量让其等于that.data.ce...
[微信小程序]this.setData ， that.setData ， this.data.val三者之间的区别和作用
a_靖的博客
12-23 3万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： 1.this.setData({ }) <view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="tap_start" class="page-top" style="{{translate...
微信小程序学习笔记---setData()使用和注意事项
gao0717的专栏
03-24 3295
微信小程序 setData() 使用：Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 参数说明： Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。...
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
10-17
总之，微信小程序通过`wx.request`与服务器进行通信，获取JSON数据，然后使用`setData`更新页面数据，最后在WXML中使用`wx:for`和`wx:key`来动态渲染这些数据。理解并熟练掌握这一过程对于微信小程序的开发至关重要...
微信小程序遇到修改数据后页面不渲染的问题解决
08-31
「微信小程序遇到修改数据后页面不渲染的问题解决」 微信小程序是近年来非常hot的移动应用程序开发平台，越来越多的开发者选择使用微信小程序来开发自己的应用程序。但是，在开发过程中，开发者经常会遇到一些问题...
微信小程序同步数据的方式-整理记录
qq_34425377的博客
05-15 1788
以下代码中，updateJoinType的触发依赖什么原理？是获取打开当前页面的事件通道（是微信小程序的 标准API（基础库 2.7.3+ 支持）），可以用于页面间通信。针对低版本基础库，提供降级方案（如使用全局事件总线或回调函数）。传递的数据需为可序列化对象（如不能传递函数、循环引用对象）。这是小程序的通用功能，允许不同页面之间传递数据和事件。微信小程序中数据传递是开发中的关键环节，涵盖。的触发依赖于小程序的事件机制，通过。在微信小程序中，你提供的代码涉及。发送事件，目标页面通过。
微信小程序 -----无限新增删除，同时算出总合算金额。
最新发布
weixin_51494148的博客
06-17 1013
js代码：
微信小程序————setData()方法的使用和注意事项
热门推荐
执生的博客
08-10 23万+
微信小程序setData()使用： Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 参数说明： Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 va...
微信小程序之setData使用
w_minx的博客
10-13 594
setData() 1、参数接受一个对象，以key，value的形式表示； 2、参数和变量名称一致，可用一个值代替（es6新语法特性） 3、可以设置一个或多个数据 this.setData({ list:'change data', info:'change data' }) 4、修改json对象 that.setData({ 'carSum.total_count': count, 'carSum.total_fee': sum }) 5、修改数组项的属性 let q...
微信小程序this.setData({})与that.setData（{}）的区别，挖坑自填系列
weixin_44754632的博客
06-24 6675
今天修改微信小程序的bug：滑动删除功能页面不能及时刷新页面、更新数据。以下是滑动删除功能的js代码截选。 const app = getApp() Page({ data: { clist: [], isOver: false, loading: true, startX: '', startY: '' }, // 给每一项设置x值 setListX() { this.data.clist.map(item => {
微信小程序之this.setData
anmo1221的博客
02-08 3万+
Page.prototype.setData()setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。注意：直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。setData() 参数格式接受一个对象，以 key，value 的形式表示将 this.data 中的 ke
微信小程序开发系列（二十一）·wxml语法·setData（）修改数组类型数据（增加、修改、删除）
时光の尘的博客
03-07 4422
在微信小程序中，setData（）方法用于将数据从逻辑层发送到视图层，以实现页面数据的更新和视图的刷新。通过 setData（）方法可以更新页面上展示的数据，让用户看到最新的信息。当调用 setData（）方法时，需要传入一个对象，该对象包含需要更新的数据。在这里，key1，key2等表示要更新的属性名，value1，value2分别为对应的属性值。当调用 setData（） 后，相关属性的数据会被更新，并触发页面视图的重新渲染，以展示最新的数据。
微信小程序 setData
赫凯的博客
12-05 1万+
OK ，是在下输了，微信小程序里 js文件的setData,用this.setData({})是行不通的，得先给this赋个值，一般是这样的var that = this this.setData({}) 然后就来坑了，var that = this ，不能写在全局变量，也不能写在网络请求里，写在函数里的第一句是最保险的，我真是不知道为什么这样子
关于微信小程序this.setData()用法
AnaTar的博客
02-27 791
点击查看
微信小程序修改data字段太多？快来试试遍历修改
Mgf_Yzy的博客
08-06 721
这种的玩玩可以，毕竟真实的需求data下面又好多的变量，不可能每次遍历data下面所有的变量，接下来就看第二种。前言：微信小程序的赋值很让人头疼，好不容易出来个双向绑定的属性（，单一变量的遍历赋值（不常用），直接在data下面的变量。这种比较常用，可以直接遍历修改data里的多项属性值，），还只能用单一变量，嵌套的对象就无法使用监听到了。想要试试双向绑定的小伙伴，可以看看这篇。，修改data中对象的属性值（常用）
小程序setData详解
weixin_33813128的博客
02-20 599
参数接受一个对象，以 key，value 的形式表示 可以一下设置一个或多个data数据 this.setData({ list:'change data', info:'change data' }) 复制代码 key可以以数据路径的形式给出（路径形式的key必须带引号）+数据可以不预设 this.setData({ 'array[0].text'...
小程序对数组setData
QQ2856639881的专栏
10-31 420
【代码】小程序对数组setData。
微信小程序中that.data.canvaspics.push(filePaths)怎么修改代码让hat.data.canvaspics中的字段删除filePaths字段，而不是保存？
05-31
要从 `that.data.canvaspics` 中删除 `filePaths` 字段，可以使用微信小程序中提供的 `Array` 类的 `splice()` 方法。该方法可以从数组中删除元素，并将其替换为新的元素。例如，如果要删除 `filePaths`，可以使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值