第一种方法:
应用导航组件 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' }) },