370
商城之購物車商品添加和結算的小效果----基於Vue.js
【頁麵比較醜請忽略，完全沒有審美感】
1.頁麵布局方式：
2.數據：
3.經過數據渲染之後，頁麵展示：
4.邏輯代碼：
首先我們考慮到：當我們點擊任何一個【+】，那麼totalNum都是需要加1的，反之點擊【-】時，
totalNum減一；【其中頁麵的加減號之間的0是通過數據渲染出來的】接下來，我們就需要解決這個問題：直接上代碼:【方法中參數的重要性：因為數據都是從後台拿過來的，所以我們可以用一個變量拿過來，因為我沒做ajax,所以直接造了一些數據；通過index參數，我們可以知道點擊了相對應的一條數據，對其當前的一條數據做交互
】
接下來便是：消費的展示：這個代碼很簡單：和上圖做下對比就知道了：
5.最終效果展示：
轉載或引用本網版權所有之內容須注明“轉自（或引自）雲棲社區”字樣，並標明本網網址yq.aliyun.com
謝謝大家，獲取更多精華技術IT資訊，請持續關注雲棲社區“達摩老祖”and"碼上有錢"
需要購買阿裏雲各種產品，點擊文字鏈領取阿裏雲通用打折劵
最後更新：2017-07-26 09:05:10