微信小程序 setData使用方法及常用错误解决办法_网络技术

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

发布时间 - 2026-01-11 01:05:08 点击率：次

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

最近在弄微信小程序，类似于共享单车用来练练手，基本原理就是小程序发送经纬度给服务器，服务器从数据库中检索经纬度附近的单车传给小程序。

就在这里。。没错就是这里，传回来的值是以jsonarray格式传过来的。
我需要将jsonarray进行解析获取经纬度，ID等车辆信息，然后赋值给小程序地图上的mark，一般我的思路时直接用个for循环给每个mark进行赋值然后再Setdata一下就ok，

结果没想到小程序setData()设置数组对象的某个元素的属性时根本没用。。。。。

然后百度一会儿找到了方法 https://www./article/111691.htm

最近在使用微信小程序的setData时，遇到了以下问题。如下：

官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的：

Page({
 data: {
  array: [{text: 'init data'}],
 },
 changeItemInArray: function() {
  this.setData({
   'array[0].text':'changed data'
  })
 }
})

使用了 ‘array[0].text' : ‘changed data' 这样的值。但在实际使用中，我们对数组的中的某个元素的设置是动态的。即我们通常应该是‘array[‘+index+'].text' : ‘changed data' ,其中index应该是一个动态的数字。但显然，这样是无法使用在对象的key中的。

所以，我只能使用了一个变通的方法。如下：

var param = {};
var string = "array["+index+"].text;
param[string] = 'changed data';
that.setData(param);

这个每个属性都需要来一次。。。

不知道是我没找到更好的方法还是怎样，我的强迫症都出来了。。

下面就是我的代码。。。

 markers: {
   iconPath: "/picture/bike.png",
   id: 0,
   latitude: 23.099994,
   longitude: 113.324520,
   width: 50,
   height: 50
  }

这是markers类结构，我为了赋值写了这么多。。

for(var i = 0; i < res.data.length; i++){
       // that.data.markers[i].id=i;
        // mark.id=i;
       var param = {};
       var string = "markers["+i+"].id";
       param[string] = res.data[i].Bike_id;       
        that.setData(param);


       var string="markers["+i+"].iconPath";
       param[string] ="/picture/bike.png";
       that.setData(param);


       var string = "markers["+i+"].latitude";
       param[string] = res.data[i].BIKE_latitude;       
        that.setData(param);
     


       var string = "markers["+i+"].longitude";
       param[string] = res.data[i].BIKE_longitude;       
        that.setData(param);




        var string = "markers["+i+"].width";
       param[string] = 50;       
        that.setData(param);


        var string = "markers["+i+"].height";
       param[string] = 50;       
        that.setData(param);
        /* that.setData({
        markers:[{
   iconPath: "/picture/bike.png",
   id: 0,
   latitude: 23.099994,
   longitude: 113.324520,
   width: 50,
   height: 50
        }]
       })*/
       }
     //   console.log(res.data[1])
       var markk=that.data.markers;
       that.setData({markers:markk})

最后还必须setData一下，不然地图不会刷新。。

如果QT瞬间弄好，真的麻烦。。。。。。。。。。。。。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序 # setData # 小程序 # setDate常见错误 # 详解小程序中h5页面onShow实现及跨页面通信方案 # 微信小程序实现传递多个参数与事件处理 # 微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解 # 微信小程序页面间值传递的两种方法 # 微信小程序使用navigateTo数据传递的实例 # 微信小程序教程系列之页面跳转和参数传递（6） # 微信小程序在其他页面监听globalData中值的变化 # 微信小程序Page中data数据操作和函数调用方法 # 微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析 # 微信小程序跨页面传递data数据方法解析 # 是一个 # 这是 # 使用了 # 这么多 # 但在 # 我没 # 希望能 # 然后再 # 写了 # 我只能 # 谢谢大家 # 弄好 # 类似于 # 解决办法 # 数据库中 # 还必须 # 会儿 # 官网 # 基本原理 # 图上

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Flutter | 路由管理

下一篇：阿里云建站成本控制：如何合理规划预算并降低运营费用？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Flutter | 路由管理

下一篇：阿里云建站成本控制：如何合理规划预算并降低运营费用？