小程序中页面跳转方法

第一种方法：

应用导航组件 navigator 组件跳转，并把数据传递到下一个页面中。

代码示例如下：

     

   
        

     


         
         
         
          {{item.name}}

       

     

     

         

      /**
       * 生命周期函数--监听页面加载
       */
       onLoad: function (options) {
           var id=options.id;
           this.setData({
           currentTabsIndex:id
          })
     
       },

第二张方法：

应用小程序的api中的wx.navigateTo(object),这种方法也可以把数据传递到下一个页面中

代码示例如下：

wx.navigateTo({
  url: 'test?id=1'
})

//test.js
Page({
  onLoad: function(option){
    console.log(option.query)
  }
})

如果对于tabbar中的页面应用微信小程序中的wx.switchTab(object)

//跳转到购物车
 tapToCart:function(){
   wx.switchTab({
     url:'/pages/cart/cart'
   })
 },