一个商品下单的功能
查出所有商品,点击下单,然后把下单的商品加入购物车,购物车是不用保存的
商品可以修改数量,计算总价,现在我method里面的计算执行了,但是页面点击加减号的时候,数量和总价就是不会变,查询出来的数据列表里面,没有数量和总价这两个字段,这里是我自己定义的
库存{{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) //增加商品数量也需要重新计算商品总价 },
雷雷
第一个问题,你的问题代码截图不完整
第二个问题,你的总价的v-model是
cartListData
的totalPrice,而你的method里面设置的是row
的totalPrice,你确定你的cartListData
与row
是同一个对象?