请问wx.request这种如何操作？

Question

wx.request({
  url: url, 
  data: ,
  header: {
    'content-type': 'application/json'
  },
  success: function(res){
    let yhqPrice= res.data.shouldPrice; //计算后的钱
    console.log(yhqPrice)
    Totalprice =Totalprice-yhqPrice;
    that.setData({
      Totalprice:Totalprice
    })
  }
})
请问图片这种每次点击都会在wx.request里面去重新计算价钱，再点击就取消这种怎么做？

Answer 1

将class设置为一个变量放到data中，在绑定的事件中去改变data中的变量值。

通过不同的class去设置样式

wxml:

<block wx:for="{{selectedStatus}}" wx:key="status">
    <view class="{{item}}" bindtap="tapHandler" data-class="{{item}}" data-index="{{index}}"></view>
</block>

js:

data:{
    selectedStatus:[
        "unselected",
        "unselected",
        "unselected",
    ]
}

tapHandler: function(e){
    var class = e.currentTarget.dataset.class
    var index = e.currentTarget.dataset.index
    
    var selectedStatus = this.data.selectedStatus
    
    for(var i in selectedStatus){
        if(i == index) {
            selectedStatus[i] = class == 'selected':'unselected':'selected'
         }
         else {
             selectedStatus[i] = 'unselected'
         }
        
    }
    
    this.setData({
        selectedStatus: selectedStatus
    })
}

wxss:

.selected {
    border: 2rpx solid red;
}
.unselected {
    border: 2rpx solid gray;
}