300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信小程序商城开发-商品详情页跳转购物车

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

时间:2021-06-14 00:48:17

相关推荐

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

项目场景:

微信小程序商城开发中商品详情页中购物车页面的跳转(仅限于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页面的跳转,且改文章仅是记录自己学习中遇到的问题

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。