小程序如何修改data中对象或数组的属性

原创于 2018-09-29 13:21:43 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍在小程序中如何正确地为data中的数据赋值，并对比了不同赋值方式的效果。通过实例，展示了使用setData方法更新data内数组元素的具体语法，以及直接修改data属性为何不会触发页面重绘的原因。

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

data中定义变量

data: {
    address:'',
    markers: [{
      id: 1,
      latitude: '',
      longitude: '',
      name: 'T.I.T 创意园'
    }],
}

给data中的数据赋值

 onLoad: function (t) {
    this.setData({
      address: '深圳市科技园',

       //正确案例，能真正的更改data里面的值并先更改data里面的值再重新渲染页面
      'markers[0].latitude' : 1111,
      'markers[0].latitude' : 2222,

      // 错误案例
      // markers[0].latitude : 1111,
      // markers[0].longitude : 2222,
    });
    
     //也能更改data中的markers[0].latitude和markers[0].longitude，更改完后并不会重新渲染页面，如果该页面加载需要这个数据赋值再重新渲染，这种方式便不可取
     // this.data.markers[0].latitude = 1111;
    // this.data.markers[0].longitude = 2222;
    console.log(this.data.markers[0].longitude);
  },