這篇小demo主要使用了一下幾個技術點
1、全域性變數的使用
在這裡定義的變數 任何乙個頁面和元件都可以訪問到
在使用到的頁面
宣告乙個例項
然後
這樣就可以訪問到
修改也可以直接修改
2、input元件的使用
這種把checkbox-group 放在循壞裡面是不太好的 因為這樣列印那個事件e的話取消為空
不取消為當前選中的狀態
正規的應該吧checkbox-group 放在循壞外面
這樣每次點選取消每次就會把剩下的選中狀態的value值放在乙個陣列裡面
這樣就可以利用indexof查詢來判斷了
3、生命週期的使用
在頁面每次切換的時候都會觸發乙個onshow的生命週期
這樣可以進行一些變數的操作
4、還是scroll-view的滾動問題
scroll-into-view="}"
由這個屬性設定的只要和下面元素的id對應起來了
點選右邊(不管是不是動)都會觸發相對應的id元素滾到頂部
5、新知識點
wxml裡面不支援字串的一些操作
此demo的githup位址
微信小程式之購物車功能
先來弄清楚購物車的需求。根據設計圖，我們可以先實現靜態頁面。接下來，再看看乙個購物車需要什麼樣的資料。知道了需要這些資料，在頁面初始化的時候我們先定義好這些。page onshow 購物車列表資料我們一般是通過請求伺服器拿到的資料，所以我們放在生命週期函式裡給 carts 賦值。想到每次進到購物車都...
微信小程式之購物車功能
前言 以往的購物車，基本都是通過大量的 dom 操作來實現。微信小程式其實跟 vue.js 的用法非常像，接下來就看看小程式可以怎樣實現購物車功能。需求先來弄清楚購物車的需求。根據設計圖，我們可以先實現靜態頁面。接下來，再看看乙個購物車需要什麼樣的資料。知道了需要這些資料，在頁面初始化的時候我們先定...
微信小程式購物車功能
管理您的購物車 點選立即前往 全選 合計 結算 page shop mana management goto carts goods goods check checkbox goods details goods img goods img image goods title goods name...