微信小程序，加入购物车，两层循环

最新推荐文章于 2024-03-28 14:55:34 发布

元宵节666

最新推荐文章于 2024-03-28 14:55:34 发布

阅读量532

点赞数

文章标签： js 小程序

本文链接：https://blog.csdn.net/weixin_46946102/article/details/106837479

版权

本文介绍了如何在微信小程序中实现购物车功能，通过两层循环处理商品数据，实现商品的增删及数量修改，涉及JavaScript核心技巧和小程序API的应用。

摘要由CSDN通过智能技术生成

<view class="numEdit">
  <text>共20件商品</text>
  <text>编辑</text>
</view>
<view class="oversf orderBuy">
  <view class="storeLists" wx:for="{
   {buyerList}}" wx:key='index' wx:for-index="father_index">
    <checkbox-group class='marLab'>
      <label class="checkbox oneji" data-store_id="{
   {item.store_id}}" data-parent_id="{
   {father_index}}" bindtap="checkboxChange">
        <view class="paddl">
          <checkbox class="imgCheackone" value="{
   {item.name}}" checked="{
   {item.checked}}" />
          <text class="titles imgCheackone">{
   {
   item.category_title}}</text>
        </view>
      </label>
    </checkbox-group>
    <!-- 二级 -->
    <view class="goodsList" wx:for="{
   {item.goods_item}}" wx:for-item='goods_item' wx:key='index' wx:for-index="son_index">
      <checkbox-group class='checkboxTwo'>
        <label class="checkbox twoJi" data-child_id="{
   {son_index}}" data-category_id="{
   {goods_item.category_id}}" data-store_id="{
   {goods_item.store_id}}" data-id="{
   {son_index}}" catchtap='childChange'>
          <checkbox value="{
   {store_item.name}}" checked="{
   {goods_item.checked}}" />
          <image class="dians" src="{
   {goods_item.goods.logo}}"></image>
          <view class="oversList">
            <view class="username">{
   {
   goods_item.goods.title}}</view>
            <view class="color_size">花瓣紫
              <text>S</text>
            </view>
            <view class="price_num">
              <view class="price">￥419.00</view>
            </view>
          </view>
        </label>
      </checkbox-group>
      <view class="cart-count-box">
        <text class="cart-count-down" bindtap="minusCount" data-index="{
   {goods_item.id}}" data-count="{
   {goods_item.count}}">-</text>
        <input class="cart-count-num" type="number" value="{
   {goods_item.count}}"></input>
        <text class="cart-count-add" bindtap="addCount" data-index="{
   {goods_item.id}}" data-count="{
   {goods_item.count}}">+</text>
      </view>
    </view>
  </view>
  <view class="database" wx:if='{
   {buyerListlength<1}}'>暂无数据~</view>
</view>
<view class="setProvice">
  <view class="checkAll">
    <checkbox-group bindtap='checkAll'>
      <label>
        <checkbox checked="{
   {checkedAll}}"></checkbox>
        <text>全选</text>
      </label>
    </checkbox-group>
  </view>
  <view class="totalNum">
    <view class=