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

281 阅读1分钟

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

我们先来在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]: '我是新标题'
 })