在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么把購物車里勾選的商品放進下單頁面?

怎么把購物車里勾選的商品放進下單頁面?

使用vuex怎么購物車里勾選了的商品放進下單頁面
購物車的code
<div class="car-list-container">

          <div class="cart-list-operate">
              <span class="cart-list-delet" @click="del(v.goods_id)">刪除</span>
              <input type="checkbox" name="goods" :checked="v.select==true"  @change="toggleSelect(v.goods_id)">
          </div>
      </li>
  </ul>
  <div class="cart-list-foot">
      <mt-button class="sum-price" :disabled="true">總計:¥{{sum}}</mt-button>
      <router-link to="/shoplist" class="ct-shopping"><mt-button type="primary">繼續(xù)購物</mt-button></router-link>
      //下單頁面按鈕
      <router-link to="/Settlement" class="to-pay" ><mt-button type="danger" >下單</mt-button></router-link>
  </div>

</div>

<script>

toggleSelect(id){
      var i=this.findPosition(id);
      var select=this.goodsList[i].select;
      this.updatedGoods({
          index:i,
          key:"select",
          value:!select   //這里切換false和true
      })
  }

</script>

vuex code

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

export default new Vuex.Store({

state:{
    goodsList:localStorage["goodsList"]?JSON.parse(localStorage["goodsList"]):[]
},
getters:{
    sum:state=>{
        var total=0;
        state.goodsList.forEach((item)=>{
            if(item.select){
                total=(Number(total)+Number(item.price*item.number)+Number(item.freight)).toFixed(2)
            }
        })
        return total
    },
    gooddsNumber:state=>{
        return state.goodsList.length
    }
 },
mutations:{
    getData(state,val){
        state.goodsList.push(val);
        localStorage.setItem("goodsList",JSON.stringify(state.goodsList))
    },
    deleteGoods(state,index){
        state.goodsList.splice(index,1);
        localStorage.setItem("goodsList",JSON.stringify(state.goodsList))
    },
    updatedGoods(state,data){
        const {index,key,value}=data;
        if(state.goodsList[index].inventory>=value){
            state.goodsList[index][key]=value;
        }else{
            alert("庫存不足")
        }
        localStorage.setItem("goodsList",JSON.stringify(state.goodsList))
    }
},
actions:{
    
},

})

這個是之前放在getter中 把它存進本地存儲
顯示為空
clipboard.png

clipboard.png

回答
編輯回答
吢涼

你確定你要前端做這件事情?

2018年3月10日 17:27
編輯回答
枕邊人

好了解決了

2018年2月3日 05:55
編輯回答
神曲

要不就后臺點擊去購買的時候給接口 要不就保存 sessionStorage 然后在下單頁面提取 下單成功或者取消下單后清除sessionStorage 但是我感覺這樣不嚴謹呀

2018年5月9日 15:58