Vue项目中常见问题(42)购物车动态展示数据

目录

gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master

业务需求1:

 1.我们在store/shopcart/index.js中把数据放到我们的购物车列表shopcart仓库中

 2.简化数据

 3.动态展示

 业务需求2:

---

gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master

大家根据上传历史进行查找你需要的代码

业务需求1:

动态的把我们获取到的数据展示在下面的页面中

但是我们分析数据可以知道,数据的结构是数组里面有一个对象,对象里面还有一个数组,最后数组里面有一个对象才包含了我们的数据,这种数据设计的就不完美

1.我们在store/shopcart/index.js中把数据放到我们的购物车列表shopcart仓库中

import { reqCartList } from "@/api"
const state = {
  cartList:[]
}
const mutations = {
  GETCARTLIST(state,cartList){
    state.cartList = cartList
  }
}
const actions = {
  //获取购物车列表数据
  async getCartList({commit}){//commit占位,因