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

微信小程序中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.data 无效,无法改变页面的状态,还会造成数据不一致
  • 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据

问题1:页面如何使用data里面的数据?答:页面可以直接使用data里面的数据

<view>
  {{year}}--{{dates.one}}
</view>
  
  data: {
    year: '123',
    dates: {
      one: '11',
      two: "12",
      three: "13"
    }
  }

问题2:js页面中如何使用data里面的数据?答:必须通过this.data.属性

问题3:如何修改data里面的数据?答:this.setData({属性:值});直接使用data里面的属性

 this.setData({
 	year: '234'
 })
  • 4
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

落花流雨

你的鼓励将是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值