La fonction de passer une commande pour un produit
Découvrez tous les produits, cliquez pour passer une commande, puis ajoutez les produits commandés au panier Le panier n'a pas besoin d'être enregistré
La quantité du produit peut. être modifié et le prix total peut être calculé. Maintenant, le calcul dans ma méthode est exécuté. Mais lorsque vous cliquez sur le signe plus ou moins sur la page, la quantité et le prix total ne changeront pas dans la liste des données de requête, il n'y a pas de quantité. et les champs de prix total Voici les champs que j'ai définis moi-même

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) //增加商品数量也需要重新计算商品总价 },