微信小程序商城开发-商品详情页跳转购物车

项目场景：

微信小程序商城开发中商品详情页中购物车页面的跳转（仅限于tabbar页面的跳转）

 

---

问题描述

点击商品详情页中的购物车图标跳转不到tabbar及导航栏中的购物车页面，总是报错

---

原因分析：

微信小程序开发需要跳转tabbar页面的话，有固定的跳转方式，不是开发中所有的跳转方式都适用于tabbar跳转

 

---

解决方案：

1.wxml页面中，在购物车按钮设置里天添加bind:click="go_shopping_car"，这里我用的是vant组件，没用的就在自己写的按钮的代码段里加这个

<van-goods-action-icon icon="cart-o" text="购物车" bind:click="go_shopping_car"/>

2.在js页面中输入如下代码，url后的链接是tabbar中购物车的地址，这个地址在app.json的pages里也有

go_shopping_car:function () {
            wx.switchTab({
              url: '/pages/shopping_car/shopping_car',
            })
          },

 

ps：该方法仅用于tabbar页面的跳转，且改文章仅是记录自己学习中遇到的问题