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

1.

[b]在wxjs文件的function中，使用wx.navigateTo（）实现[/b]
jumpToCart:function(){

wx.navigateTo({
url: '/page/component/cart/cart',
});
}

2. 在wxml页面中：使用<[b]navigator
></navigator
>标签实现[/b]

<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种方式有什么使用上的区别呢？

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