小程序中页面跳转方法
来源:互联网 发布:php超链接 编辑:程序博客网 时间:2024/05/17 06:18
第一种方法:
应用导航组件 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.jsPage({ onLoad: function(option){ console.log(option.query) }})
如果对于tabbar中的页面应用微信小程序中的wx.switchTab(object)
//跳转到购物车 tapToCart:function(){ wx.switchTab({ url:'/pages/cart/cart' }) },
- 小程序中页面跳转方法
- 小程序 三种方法 页面跳转
- 小程序页面跳转
- 小程序页面跳转
- 小程序页面跳转解析
- 小程序页面跳转解析
- 小程序点击跳转页面
- 小程序跳转页面传递参数2
- 小程序页面间的跳转
- JSP中页面跳转方法
- Java中页面跳转小知识
- Asp.net中页面跳转的方法
- PHP页面3中跳转方法
- servlet中实现页面跳转实现方法
- js 中实现页面跳转的方法
- PHP页面3中跳转方法
- iOS开发中页面跳转的方法
- PHP页面3中跳转方法
- SpringMVC与Struts2区别与比较
- Spring SpringMVC 环境下上传文件到服务器,插件使用的uploadify
- testNG eclipse 插件离线安装
- spring类图一
- 微信H5支付:网络环境未能通过安全验证,请稍后再试
- 小程序中页面跳转方法
- 2017云栖大会开源峰会预告
- OpenCV 中cv::Mat 和 IplImage 的转换与应用
- zabbix告警频率
- C++大数操作Plus
- STM32 基于串口RS485双机通信原理浅析
- Android画图Path的使用
- LATEX 入门模版
- Touch事件的产生及传递到DecorView的路线