微信小程序開發(fā)項目實戰(zhàn)(微課版)課件 7-3 課件-購物車結(jié)算金額_第1頁
微信小程序開發(fā)項目實戰(zhàn)(微課版)課件 7-3 課件-購物車結(jié)算金額_第2頁
微信小程序開發(fā)項目實戰(zhàn)(微課版)課件 7-3 課件-購物車結(jié)算金額_第3頁
微信小程序開發(fā)項目實戰(zhàn)(微課版)課件 7-3 課件-購物車結(jié)算金額_第4頁
微信小程序開發(fā)項目實戰(zhàn)(微課版)課件 7-3 課件-購物車結(jié)算金額_第5頁
已閱讀5頁,還剩4頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

項目七購物車模塊開發(fā)任務(wù)三購物車結(jié)算金額Cartpaymentamount在商城系統(tǒng)中,購物車結(jié)算是必備的一個環(huán)節(jié)。購物車結(jié)算功能是遍歷每個模塊中的商品?計進?累加就是購物車結(jié)算總額。本案例提供了一種購物結(jié)算方法和購物車,根據(jù)用戶獲取已購買的商品信息,進行購物結(jié)算,提高購物效率,進而提高用戶體驗。項目七購物車模塊開發(fā)任務(wù)描述單選產(chǎn)品金額計算在pages/goodsCart/goodsCart.wxml文件中,為checkbox設(shè)置value、checked屬性值。<checkbox

value="{{item.id}}"

checked="{{item.isChecked}}"></checkbox>在pages/goodsCart/goodsCart.js文件中,為單選checkbox-group綁定checkboxChange處理函數(shù)。<checkbox-group

bindchange="checkboxChange"

>此代碼省略</checkbox-group>

單選功能可以改變選中狀態(tài),計算總價和商品總數(shù)量,購物車中可以通過增加或減少按鈕來修改商品數(shù)量。單選產(chǎn)品金額計算-every函數(shù)vararray=;varresult=array.every(function(value,index,arr){returnvalue>3;});console.log(result);在這個例子中,數(shù)組中的第一個元素1不滿足條件(value>3),因此every函數(shù)立即返回false,不會繼續(xù)遍歷剩余的元素。

every函數(shù)是JavaScript中的一個數(shù)組方法,用于檢測數(shù)組中的所有元素是否都符合指定的條件。every函數(shù)遍歷數(shù)組中的每一個元素,如果所有元素都滿足回調(diào)函數(shù)規(guī)定的條件,則返回true;如果數(shù)組中有一個元素不滿足條件,則立即停止遍歷并返回false。單選產(chǎn)品金額計算

let

isAll=list.every(item=>item.isChecked)

that.setData({

totalPrice:totalPrice,

isCheckAll:isAll

})

使用every()方法檢測商品的isChecked是否為true,如果為true,則對商品進行統(tǒng)計。單選產(chǎn)品金額計算-some()函數(shù)array.some(function(currentValue,index,arr),thisValue)function(currentValue,index,arr)必須?;卣{(diào)函數(shù),數(shù)組中的每個元素都會執(zhí)行這個函數(shù)。currentValue必須。當(dāng)前元素的值。index可選。當(dāng)前元素的索引值。arr可選。當(dāng)前元素屬于的數(shù)組對象。thisValue可選。對象作為該執(zhí)行回調(diào)時使用,傳遞給函數(shù),用作“this”的值。果省略了thisValue,“this”的值為“undefined”

some()函數(shù)檢測數(shù)組中是否存在符合指定條件的元素,存在就返回true,不存在就返回false;檢測數(shù)組中的所有元素是否都不符合指定條件,都不符合返回false,有一個或者多個符合返回true。單選產(chǎn)品金額計算-some()函數(shù)varages=[32,15,17,20];if(ages.some((item)=>{returnitem==20})){ returnthis.$message.success('存在20')}

every()和some()的區(qū)別只要數(shù)組中有一個元素滿足條件,some()就返回true;只有當(dāng)數(shù)組中的所有元素都滿足條件時,every()才返回true。全選產(chǎn)品金額計算

<checkbox-group

bindchange="checkAll">

<checkbox

value="1"

checked="{{isCheckAll}}"></checkbox>

<text>全選</text>

</checkbox-group>

全選功能指的是勾選全選按鈕,全選所有商

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論