微信小程序this.setData多种赋值方式

在小程序中动态改变前端数据的最大功臣就是this.setData(),这里简单概述下通过this.setData赋值有哪几种情况:

1、固定属性赋值

wxml:

<view>{{item.name}}</view>
<view>{{item.age}}</view>

js

data:{
    item:{
    name: "张三",
    age:24
    }
}

这时候界面上显示的就是张三 24

 当我们修改姓名的时候有两种方案

//第一种,整体赋值
this.data.item.name="李四";
this.setData({
    item:item
})

//第二种,单个属性赋值
this.setData({
    'item.name':'李四'
})

2、动态属性赋值

比如说我现在想给 a0 赋值0  a1赋值1  a2 赋值2 但是不想写三遍,可以用循环 

 for (let i = 0; i < 3; i++) {
      let name= `a${i}`;
      this.setData({
        [name]:i
      })
    }

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值