色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數(shù)量總價都不會改變,但是計算執(zhí)行了

瀏覽:84日期:2023-03-01 14:49:10

問題描述

一個商品下單的功能查出所有商品,點擊下單,然后把下單的商品加入購物車,購物車是不用保存的商品可以修改數(shù)量,計算總價,現(xiàn)在我method里面的計算執(zhí)行了,但是頁面點擊加減號的時候,數(shù)量和總價就是不會變,查詢出來的數(shù)據(jù)列表里面,沒有數(shù)量和總價這兩個字段,這里是我自己定義的

javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數(shù)量總價都不會改變,但是計算執(zhí)行了

javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數(shù)量總價都不會改變,但是計算執(zhí)行了

<el-table-column label='數(shù)量' ><template scope='scope'> <el-input v-model='scope.row.count' :value='scope.row.count' @change='changeCount(scope.row)' :min='1' :max='scope.row.num'> <el-button slot='prepend' @click='changeQuantity(scope.row,-1)'><i class='el-icon-minus'></i></el-button> <el-button slot='append' @click='changeQuantity(scope.row,1)'><i class='el-icon-plus'></i></el-button> </el-input> <br /> <span style='color:#999;display: block; text-align: center;'>庫存{{scope.row.num}}件</span></template> </el-table-column> <el-table-column prop='price' label='單價' width='100'></el-table-column> <el-table-column prop='totalPrice' label='總價' v-model='cartListData.totalPrice'></el-table-column>

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); }, //數(shù)量文本框值改變 changeCount (row) {if(null == row.count || row.count == ''){ row.count=1;}row.totalPrice = (row.count * row.price).toFixed(2);//保留兩位小數(shù) console.log(row.totalPrice+' = '+ row.count +' * '+ row.price)//增加商品數(shù)量也需要重新計算商品總價 },

問題解答

回答1:

changeCount (row) {const index = this.cartListData.indexOf(row);this.cartListData.splice(index,1,row); //需要更新一下table數(shù)據(jù)if(null == row.count || row.count == ''){ row.count=1;}row.totalPrice = (row.count * row.price).toFixed(2);//保留兩位小數(shù) console.log(row.totalPrice+' = '+ row.count +' * '+ row.price)//增加商品數(shù)量也需要重新計算商品總價 }回答2:

第一個問題,你的問題代碼截圖不完整

第二個問題,你的總價的v-model是cartListData的totalPrice,而你的method里面設(shè)置的是row的totalPrice,你確定你的cartListData與row是同一個對象?

標簽: JavaScript
主站蜘蛛池模板: 国产又粗又黄又湿又大 | 中文字幕亚洲国产 | 国产第2页| 亚洲免费观看视频 | 手机看片国产免费永久 | 国产精品99久久99久久久看片 | 玖玖在线国产精品 | 国产高清在线观看 | 亚洲国产日韩a在线亚洲 | 久久久青草 | 性夜影院爽黄a爽免费看网站 | 国产欧美一区二区三区在线 | 成人免费一级片 | 中文字幕成人 | 久久99热成人精品国产 | 手机看片免费基地 | 久久久亚洲欧洲日产国码二区 | 亚洲成人在线免费视频 | 看一级特黄a大一片 | 午夜毛片免费观看视频 | 伊人狠狠丁香婷婷综合色 | 国产精品精品国产 | 日韩视频久久 | 国产成人久久精品一区二区三区 | 加勒比一区在线 | 国产精品久久久久久亚洲伦理 | 欧美日韩精品高清一区二区 | 91精品免费看 | 免费一级毛片在播放视频 | 日本特黄特色大片免费视频网站 | 国产成人午夜性视频影院 | 国产国产人免费人成成免视频 | 国产精品视频自拍 | 国产欧美综合精品一区二区 | 国产精品欧美一区二区三区 | 欧美日韩精品一区二区三区视频 | 国产a网| 香港三级日本三级人妇三级四 | 在线免费看黄色 | 自拍三级视频 | 成人欧美视频 |