Exemple de code pour l'applet WeChat permettant de modifier les données afin que les données de la page puissent être mises à jour en temps réel

Ce que cet article vous apporte est un exemple de code pour l'applet WeChat permettant de modifier les données afin de mettre à jour les données de la page en temps réel. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Exigence : Modifiez la valeur checkResult dans la dataList en cliquant sur le bouton et modifiez l'état du bouton.

a.wxml:

<view>
  <view>
    <view>编码：{{item.equipCode}}</view>
    <view>设备：{{item.equipName}}</view>
    <view>测项：{{item.checkItemName}}</view>
  </view>
  <!-- wx:if设置默认选中状态 -->
  <view>
    <button>正常</button>
    <button>异常</button>
  </view>
  <view>
    <button>正常</button>
    <button>异常</button>
  </view>
</view>

a.js

Page({
    data:{
        dataList:[
            {'equipCode':1001,'equipName':'打印机','checkItemName':'记录',checkResult:'正常'},
            {'equipCode':1002,'equipName':'打印机','checkItemName':'记录',checkResult:'异常'},
            {'equipCode':1003,'equipName':'打印机','checkItemName':'记录',checkResult:'正常'},
            {'equipCode':1004,'equipName':'打印机','checkItemName':'记录',checkResult:'异常'},
            {'equipCode':1005,'equipName':'打印机','checkItemName':'记录',checkResult:'正常'}
        ]
    },
    change: function(e) {
        var changeData = 'dataList['+e.target.dataset.index+'].checkResult';
        if (e.target.dataset.status == '正常') {
          this.setData({
            [changeData]: '正常'//修改状态，前端页面数据也会改变
          })
        } else {
          this.setData({
            [changeData]: '异常'
          })
        }
    },
})

L'exemple ci-dessus utilise this.setData pour modifier la valeur dans data afin de garder les données cohérentes avec la page frontale, ce qui équivaut à une liaison de données bidirectionnelle dans vue.
S'il n'y a aucune exigence de cohérence des données, vous pouvez également utiliser this.data.Object pour modifier et obtenir des valeurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!