微信小程式實現批量刪除購物車商品

2021-09-22 20:21:08 字數 734 閱讀 5478

使用下面的**進行刪除時,會動態的改變list的長度,導致每次只能刪除乙個商品

for

(var i=

0; i < list.length; i++

)}

定義乙個變數index為要開始刪除的位置(第乙個勾選的商品的位置),

定義乙個變數delnum為要刪除的商品的數量

遍歷商品列表list,當找到第乙個勾選的商品時,將該商品的位置i賦予index,且每找到乙個勾選的商品時delnum加1。

迴圈結束後再使用list.splice(index,delnum)進行刪除操作,就可以實現批量刪除商品的效果啦!

/**刪除購物車商品 */

deletecartgoods:

function

(e) delnum++;}

} list.

splice

(index,delnum)

;//刪除

this

.setdata()

this

.getsumtotal()

; wx.

setstoragesync

("cartlist"

, list)

//存快取

},

第一次寫部落格哈哈

微信小程式購物車功能

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

微信小程式之購物車demo

這篇小demo主要使用了一下幾個技術點 1 全域性變數的使用 在這裡定義的變數 任何乙個頁面和元件都可以訪問到 在使用到的頁面 宣告乙個例項 然後 這樣就可以訪問到 修改也可以直接修改 2 input元件的使用 這種把checkbox group 放在循壞裡面是不太好的 因為這樣列印那個事件e的話取...

微信小程式之購物車功能

先來弄清楚購物車的需求。根據設計圖,我們可以先實現靜態頁面。接下來,再看看乙個購物車需要什麼樣的資料。知道了需要這些資料,在頁面初始化的時候我們先定義好這些。page onshow 購物車列表資料我們一般是通過請求伺服器拿到的資料,所以我們放在生命週期函式裡給 carts 賦值。想到每次進到購物車都...