您好,登录后才能下订单哦!
小编给大家分享一下小程序页面跳转的四种方法分别什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
小程序页面跳转的四种方法分别什么
小程序页面跳转的四种方法
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选项来实现的。
以上是“小程序页面跳转的四种方法分别什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。