• 技术文章 >微信小程序 >小程序开发

    小程序之间怎么跳转?小程序之间跳转方法

    云罗郡主云罗郡主2019-01-21 15:05:24原创3139
    本篇文章给大家带来的内容是关于小程序之间怎么跳转?小程序之间跳转方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。【推荐阅读:小程序开发教程

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

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:小程序跳转 方法
    上一篇:微信小程序下拉框组件使用方法 下一篇:小程序开发之左滑删除页面(代码示例)
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• PHP常用的小程序代码段_php技巧• PHP小程序自动提交到自助友情连接_php实例• 基于PHP实现简单的随机抽奖小程序_php实例• 用php实现动态产生xml文件以及从xml文件中抽取数据转化成html的小程序
    1/1

    PHP中文网