WeChat アプレット this.setData の複数の割り当てメソッド

小さなプログラムでフロントエンド データを動的に変更する最大の要因は this.setData() です。this.setData を通じて値が割り当てられる状況の概要を次に示します。

1. 固定属性の割り当て

wxml:

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

js

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

このとき、インターフェースに表示されているのは Zhang San 24 です

 名前を変更する場合は 2 つのオプションがあります

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

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

2. 動的な属性の割り当て

たとえば、a0 に値 0、a1 に値 1、a2 a2 に値 2 を割り当てたいが、それを 3 回書きたくない場合は、ループを使用できます。 

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