Miniaplicativo WeChat this.setData vários métodos de atribuição

O maior contribuidor para a alteração dinâmica de dados front-end em pequenos programas é this.setData(). Aqui está uma breve visão geral das situações em que os valores são atribuídos por meio de this.setData:

1. Atribuição de atributos fixa

wxml:

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

js

data:{
    item:{
    name: "张三"，
    age：24
    }
}

Neste momento, o que é exibido na interface é Zhang San 24

 Existem duas opções quando mudamos o nome

//第一种，整体赋值
this.data.item.name="李四"；
this.setData({
    item：item
})

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

2. Atribuição dinâmica de atributos

Por exemplo, se eu quiser atribuir a0 um valor 0, a1 um valor 1 e a2 a2 um valor 2, mas não quiser escrevê-lo três vezes, posso usar um loop. 

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