小程序跳转tabBar

需求:点击图一购物车按钮,跳转到购物车页面

1.按钮绑定事件

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

 2.事件(要用wx.switchTab)

// 进入购物车
    goShoppingCart () {
        wx.switchTab({
            url: `/pages/index/shoppingCart/index`
        })
    },

⚠️注意这个url路径要与app.json中的pagePath一样

3.在app.json中添加

"tabBar": {
        "list": [{
            "pagePath": "pages/index/home/index",
            "text": "首页"
        },{
            "pagePath": "pages/index/category/index",
            "text": "分类"
        },{
            "pagePath": "pages/index/shoppingCart/index",
            "text": "购物车"
        },{
            "pagePath": "pages/index/me/index",
            "text": "我的"
        }]
    },
"pages": [
        "pages/index/index",
        "pages/index/home/index",
        "pages/index/shoppingCart/index",
        "pages/index/category/index",
        "pages/index/me/index"
    ]

⚠️这个路径是从app.json开始数的相对路径,如图

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值