微信小程式 購物車數字加減

2022-03-14 11:23:21 字數 1083 閱讀 7996

主要思路就是在data裡面定義乙個屬性,屬性值就是這個數量。點選+的時候就+1,點選-的時候就-1,再結合setdata更改這個數字。當數字等於1的時候,要給-的按鈕新增乙個disabled的屬性。

wxml**:

<

view

class

='row

item-center'

>

<

button

class

="buy-num-btn btn-minus"

disabled

="}"

plain

='ture'

bindtap

='minusnum'

>-

button

>

<

input

class

='buy-num-txt'

type

='number'

value

='}'

>

input

>

<

button

class

="buy-num-btn btn-add"

plain

='ture'

bindtap

='addnum'

>+

button

>

view

>

樣式檔案我就不展示了,自己發揮~

js**:

page(,

//數字加1

addnum: function

() )

},//

數字減1

minusnum: function

()

//數字<=1時,開啟 - 按鈕的disable狀態

var minusstatus = coursecount <= 1 ? true : false

;

this

.setdata();

}})

給大夥瞅瞅效果:

4不4感覺超~~簡單的~~

微信小程式購物車功能

管理您的購物車 點選立即前往 全選 合計 結算 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 賦值。想到每次進到購物車都...