php购物车修改单价,vuejs+elementui 购物车价格计算,点击加减号修改数量总价都不会改变,但是计算执行了...

一个商品下单的功能

查出所有商品,点击下单,然后把下单的商品加入购物车,购物车是不用保存的

商品可以修改数量,计算总价,现在我method里面的计算执行了,但是页面点击加减号的时候,数量和总价就是不会变,查询出来的数据列表里面,没有数量和总价这两个字段,这里是我自己定义的

bVN42N?w=484&h=107

bVN42O?w=183&h=62

库存{{scope.row.num}}件

count: undefined,

totalPrice: 0,

//下单商品列表

getCartData() {

this.$axios({

url: this.path + 'product/getByList',

method: 'get',

params: this.cartListQuery,

transformRequest: [function(params) {

let ret = ''

for(let it in params) {

ret += encodeURIComponent(it) + '=' + encodeURIComponent(params[it]) + '&'

}

return ret

}],

headers: {

'Content-Type': 'application/x-www-form-urlencoded'

}

})

.then((res) => {

this.cartNum //下单商品的长度

this.cartListData = res.data;

this.cartListData.forEach(function(data,index){

data.count = 1; //默认一个商品

data.totalPrice= (data.price * parseInt(data.count)).toFixed(2);

//商品总价

});

})

.catch((err) => {

console.log(err);

})

},

//加减号

changeQuantity(row, type){

if( type > 0 ){

row.count++;

}else{

row.count > 1 ? row.count--: row.count = 1;

}

this.changeCount(row);

},

//数量文本框值改变

changeCount (row) {

if(null == row.count || row.count == ""){

row.count=1;

}

row.totalPrice = (row.count * row.price).toFixed(2);//保留两位小数

console.log(row.totalPrice+" = "+ row.count +" * "+ row.price)

//增加商品数量也需要重新计算商品总价

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值