项目场景:
微信小程序商城开发中商品详情页中购物车页面的跳转(仅限于tabbar页面的跳转)
问题描述
点击商品详情页中的购物车图标跳转不到tabbar及导航栏中的购物车页面,总是报错
原因分析:
微信小程序开发需要跳转tabbar页面的话,有固定的跳转方式,不是开发中所有的跳转方式都适用于tabbar跳转
文章来源地址https://www.toymoban.com/news/detail-581879.html
解决方案:
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', }) },
文章来源:https://www.toymoban.com/news/detail-581879.html
ps:该方法仅用于tabbar页面的跳转,且改文章仅是记录自己学习中遇到的问题
到了这里,关于微信小程序商城开发-商品详情页跳转购物车的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!