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

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

浏览量:433 时间: 来源:条纹与横纹

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

1、固定属性赋值

wxml:

view{{item.name}}/viewview{{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      })    }

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎