商品多规格下单处理数据

多商品规格下单，选择规格切换对应规格的价格和库存。
在获取商品详情之后处理数据

        let goodsSpecList = res.data.item_prop //商品规格
        let goodsSpecPrice = res.data.item_spec //不同规格对应的价格
        let priceKey = []
        let specname = []
        for (let i = 0; i < goodsSpecList.length; i++) {
          priceKey.push(goodsSpecList[i].option[0].code)
          specname.push(goodsSpecList[i].option[0].option)
        }
        this.setData({
          goodsSpecList: goodsSpecList,
          goodsSpecPrice: goodsSpecPrice,
          specname: specname,
          priceKey: priceKey,
          specId: priceKey.join('-'), //向接口传的规格
          list: res.data,
        })
        for (let i = 0; i < goodsSpecPrice.length; i++) { //获取价格
          if (goodsSpecPrice[i].spc_code === this.data.specId) {
            this.setData({
              specPrice: goodsSpecPrice[i].price
            })
          }
        }
**选择规格：**
  chooseSpec(e) {
    let priceKey = this.data.priceKey
    let specname = this.data.specname
    let index = e.currentTarget.dataset.idx
    let itemId = e.currentTarget.dataset.itemid
    priceKey.splice(index, 1, itemId)
    this.setData({
      itemId: itemId,
      specname: specname,
      priceKey: priceKey,
      specId: priceKey.join('-'), //商品规格
      specname: specname
    })
    let goodsSpecPrice = this.data.goodsSpecPrice
    for (let i = 0; i < goodsSpecPrice.length; i++) {
      if (goodsSpecPrice[i].spc_code == this.data.specId) {
        this.setData({
          specPrice: goodsSpecPrice[i].price,
        })
      }
    }
  },
 **页面** 
选择规格：
       <view class="color_box" wx:for="{{goodsSpecList}}" wx:key="{{index}}">
        <view class="color_text">{{item.cname}}</view>
        <view class="color_list" wx:for-item="itn">
          <block wx:for="{{item.option}}" wx:for-item="sub" wx:for-index="idx" wx:key="{{index}}">
            <view bindtap='chooseSpec' data-idx='{{index}}' data-specname='{{sub.option}}' data-itemid='{{sub.code}}'
              class="{{priceKey[index]===sub.code?'origin':''}}">{{sub.option}}</view>
          </block>
        </view>
      </view>
价格:
    <block wx:for="{{goodsSpecPrice}}">
       <view wx:if="{{specId==item.spc_code}}">￥{{specPrice}}</view>
    </block>