亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

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

<el-table-column label="數(shù)量" width="220"  >
                        <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="總價" width="150" 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ù)量也需要重新計算商品總價
             },