购物车中 用鼠标点击文本框前的‘+’号 或后面的‘-’号时 数量相应增减 那段代码是JS么 是的话怎么写的?

JavaScript017

购物车中 用鼠标点击文本框前的‘+’号 或后面的‘-’号时 数量相应增减 那段代码是JS么 是的话怎么写的?,第1张

var count=1

if(按钮被点击操作){//代码自己找

count=count+1

}else if(减号按钮被点击操作){

count=count-1

}

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

(1)、js里用+=就是连接的意思,不是累加的意思,所以不能用s+=,需要用s=XXX+s。

(2)、如果+1的时候,数据库也+1,这块需要用到ajax,当你单机的时候,触发ajax

$.post("url",{"id":"商品id"},function(data){

})

url填写一个地址,把商品的id发到处理页,就可以实现了