微信小程序跳页的3种实现方式

时间:2024-03-19 10:03:09
1. 在wxjs文件的function中,使用wx.navigateTo()实现
jumpToCart:function(){
wx.navigateTo({
url: '/page/component/cart/cart',
});
}

2. 在wxml页面中:使用<navigator ></navigator >标签实现

<navigator url="/page/component/recommend/recommend?groupId={{item.groupId}}&category={{item.title}}&detailPageId={{item.detailPageId}}">
<image src="{{item.imgPath}}"></image>
<view class="ice-text">{{item.title}}</view>
</navigator>

3. 使用 wx.switchTab()

jumpToCart:function(e){
wx.switchTab({
url: '/page/component/cart/cart',
})
}
那么,这3种方式有什么使用上的区别呢?

首先,第一二种只适用于普通页之间的跳转。第三种可用于实现跳转到小程序底部导航页。例如从 分类页中的某个商品跳转到 购物车,这时候就必须使用第三种方式才可。具体可通过绑定事件,触发后跳转即可。
微信小程序跳页的3种实现方式