我是靠谱客的博主 包容花生,最近开发中收集的这篇文章主要介绍小程序之间怎么跳转?小程序之间跳转方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本篇文章给大家带来的内容是关于小程序之间怎么跳转?小程序之间跳转方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。【推荐阅读:小程序开发教程】

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

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

以上就是小程序之间怎么跳转?小程序之间跳转方法的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是包容花生为你收集整理的小程序之间怎么跳转?小程序之间跳转方法的全部内容,希望文章能够帮你解决小程序之间怎么跳转?小程序之间跳转方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(64)

评论列表共有 0 条评论

立即
投稿
返回
顶部