微信小程式之購物車功能

先來弄清楚購物車的需求。

根據設計圖，我們可以先實現靜態頁面。接下來，再看看乙個購物車需要什麼樣的資料。

知道了需要這些資料，在頁面初始化的時候我們先定義好這些。

page(,

onshow() ,
]});
},})

修好之前寫好的靜態頁面，繫結資料。

}￥}        -}+
× 全選
￥}

根據公式，可以得到

gettotalprice() }" 把當前商品在列表陣列中的下標傳給事件。

selectlist(e) );
this.gettotalprice();                           // 重新獲取總價
}

selectall(e) 

this.setdata();
this.gettotalprice();                               // 重新獲取總價
}

// 增加數量

addcount(e) );
this.gettotalprice();
},// 減少數量
minuscount(e) 
num = num - 1;
carts[index].num = num;
this.setdata();
this.gettotalprice();
}

deletelist(e) );

if(!carts.length));
}else   
}

微信小程式之購物車功能

前言 以往的購物車，基本都是通過大量的 dom 操作來實現。微信小程式其實跟 vue.js 的用法非常像，接下來就看看小程式可以怎樣實現購物車功能。需求先來弄清楚購物車的需求。根據設計圖，我們可以先實現靜態頁面。接下來，再看看乙個購物車需要什麼樣的資料。知道了需要這些資料，在頁面初始化的時候我們先定...

微信小程式購物車功能

管理您的購物車 點選立即前往 全選 合計 結算 page shop mana management goto carts goods goods check checkbox goods details goods img goods img image goods title goods name...

微信小程式之購物車的功能

1.購物車裡面功能無非就是刪除商量，增加 減少 數量，單全選，商品合計 2.這段 var cartitems this.data.cartitems 獲取購物車裡面的商品，之後在通過下標e.currenttarget.dataset.index來獲取當前的商品 選擇事件 單全選 單選 select ...