小程序中页面跳转方法

第一种方法：

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

代码示例如下：

     <view class="order">

    <block wx:for="{{src}}" wx:key="{{item.id}}">
        

      <view class="order-block">


        <navigator url="../order/order?id={{item.id}}&name={{item.name}}"> 
         
          <image style="width:60rpx;height:60rpx;" src="{{item.img}}"></image>
          <view style="font-size:28rpx;line-height:60rpx;">{{item.name}}</view>

        </navigator>

      </view>

     </block>

     </view>    

      /**
       * 生命周期函数--监听页面加载
       */
       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'
   })
 },