【每天学点小知识】小程序静态属性赋值与动态属性赋值

小程序开发过程中,修改数据是必定会遇到的需求,有时也会遇到动态属性赋值的问题,一些小白同学就会不知所措,今天我来把各种小程序赋值的方法列举出来,供大家学习。

我们先来在data中定义一个属性:

data: {
  name: 'Angle',
  list: {
   title: '标题1'
  }
} 

修改基本类型数据的值(BooleanNumberString

在js中有五种基本类型即 UndefinedNullBooleanNumberString

基本类型不能扩展属性

this.setData({
  name: 'Li Mei'
}) 

修改引入类型数据的值(Object、Array)

引用类型 ObjectArrayDateFunction

let  value = 'list.title'; // 注意这里
  this.setData({
    [value]: '我是新标题' // 建议用法
 }) 

实际项目中直接写会生效:

this.setData({
    'list.title': '我是新标题'
}) 

修改动态属性的值

需要借助模板字符串,要掌握模板字符串中变量的定义方法。

let  value = `list.${name}` // 这里的name可以是动态的有效的变量任意值,
  this.setData({
    [value]: '我是新标题'
 }) 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值