微信小程序> 小程序页面跳转的四种方法

小程序页面跳转的四种方法

浏览量:4294 时间: 来源:程序猿联盟

小程序页面跳转的四种方法

1、wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面(下面是跳转到test页面的代码),然后从test页面返回上一页的时候使用 wx.navigateBack 返回;

wx.navigateTo({    //跳转页面的路径,可带参数 ,用?隔开,不同参数用&分隔;    url:'../test/test?id=1&page=4',      success:function(){}        //成功后的回调;    fail:function(){}          //失败后的回调;    complete:function(){}      //结束后的回调(成功,失败都执行)})

传递的参数在接收页面onLoad()函数中得到值:option.id就可以得到了

onLoad: function (option) {   console.log(option);  //可以打印一下option查看参数   this.setData({   id:option.id    )};},

返回上一页,在test页绑定返回函数

view class="but" bindtap="fanhui"返回/view

在test页面的js里面写wx.navigateBack返回

fanhui:function(){    wx.navigateBack({ changed: true });},

2、wx.redirectTo() , 关闭当前页面,跳转到非tabBar的某个页面;

3、使用页面标签 navigator,和html的a标签有点像;

navigator url='../test/test?id=1'点击跳转/navigator 

4、wx.switchTab ,跳转到tabBar的某个页面;

wx.switchTab({url: '../taste/index?id=1',  //注意switchTab只能跳转到tab页面,不能跳转到不带tab的页面})

使用小程序提供的tab选项卡来实现页面和页面之间的切换。需要注意的是,我们不需要自己编写代码实现tab选项卡。小程序提供了现成的tab选项卡,我们只需要在app.json中配置一些参数即可实现tab选项卡的效果。tab选项卡的配置是通过app.json文件中的tabBar选项来实现的。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎