當前位置:編程學習大全網 - 網站源碼 - vuejs仿美團,餓了麽項目之——商品數量加減篇

vuejs仿美團,餓了麽項目之——商品數量加減篇

首先,新增個商品數量的加減功能組件,就叫cartcontrol.vue吧。新增個底部購物車組件,叫shopcart.vue吧。在good.vue中引入並註冊組件。

cartcontrol.vue中,通過props來接收list對象

因為我在json中沒有設置數量這個key,所以需要全局用vue.set進行註冊這個屬性。在add方法中,如果沒有這個屬性,那麽就註冊,如果有,那麽就count++

這裏增加了壹點小效果。應用了<transition>。 並且當數量減到0的時候。通過v-show來控制減號和數值是否顯示。

寫的比較粗糙,估計只有我自己能懂。這裏要註意壹下,在BScroll實例中要配置下click:true。使better-scroll滾動部分支持點擊事件。否則加減號的點擊事件無效。好吧~下篇寫下底部的購物車功能。

  • 上一篇:藍牙控制模塊源代碼
  • 下一篇:wordpress系統出現Notice: Undefined index: fields in怎麽處理?
  • copyright 2024編程學習大全網