记录vue项目中遇到的问题

开发某一个产品的详情页面

• 静态页面
• 发请求
• vuex
• 动态展示组件

1.点击产品的图片的时候，跳转到详情页面，在路由跳转的时候需要带上产品的ID给详情页面，且是params参数

 

 在路由跳转的时候带商品ID

 跳转到详情页面后，滚动条在底部，vue-router的解决办法，返回的y=0，代表的是滚动条在最上方

2. API请求接口

3.vuex获取产品详细信息

 state.goodInfo初始状态是空对象，空对象的categoryView属性值是undefined

并上一个空对象，当网络卡顿数据还没有加载出来，返回的就是一个空对象

如果服务器数据没有回来，skuInfo这个对象是一个空对象

使用了和硅谷老师一样的方法还是报上面那个警告：Cannot read properties of undefined (reading '0')

最后v-if加了个判断

加入购物车

在点击加入购物车这个按钮的时候，需要将参数带给服务器（发请求），通知服务器加入购物车的产品是谁。

派发一个action

请求成功，进行路由跳转，如果失败，给出错误提示