js 数量加减按钮的function

JavaScript035

js 数量加减按钮的function,第1张

function subNum(id) {

                var num = document.getElementById("num" + id)

var getNum = parseInt(num.value)

                if(getNum > 1){

num.value = getNum - 1

}

}

function addNum(id){

    var num = document.getElementById("num" + id)

    num.value = parseInt(num.value) + 1

}

或者

  var num = document.getElementById("num" + id)

function subNum(id) {

var getNum = parseInt(num.value)

                if(getNum > 1){

num.value = getNum - 1

}

}

function addNum(id){

  

    num.value = parseInt(num.value) + 1

}

方法只有一种：

 直接使用减号运算符进行减法运算

举例：

   var a=2

   var b=1

   var c=a-b//这里通过减号运算符进行减法运算

首先，新增个商品数量的加减功能组件，就叫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滚动部分支持点击事件。否则加减号的点击事件无效。好吧~下篇写下底部的购物车功能。