小程序页面跳转的四种方法分别什么

小编给大家分享一下小程序页面跳转的四种方法分别什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联建站成都网站建设按需开发网站，是成都网站制作公司,为成都OPP胶袋提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站设计热线：13518219792

小程序页面跳转的四种方法分别什么

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

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选项来实现的。

以上是“小程序页面跳转的四种方法分别什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

分享标题：小程序页面跳转的四种方法分别什么
URL链接：https://www.cdcxhl.com/article16/peoggg.html

成都网站建设公司_创新互联，为您提供微信公众号、静态网站、定制开发、微信小程序、建站公司、电子商务

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联