微信小程序之页面路由知识点总结

2023年 8月 1日 20.9k 0

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于页面路由的相关内容,路由是指分组从源到目的地时,决定端到端路径的网络范围的进程,下面就一起来看一下,希望对大家有帮助。

微信小程序之页面路由知识点总结

【相关学习推荐:小程序学习教程】

什么是路由?

路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程。我们可以理解微信小程序页面路由,根据路由规则(路径)从一个页面跳转到另一个页面的的规则。

一、哪些会触发页面跳转

  • 小程序启动,初始化第一个页面
  • 跳转新页面,调用wx.navigateTo 或者
  • 页面重定向,调用wx.redirectTo 或者
  • 页面返回,调用wx.navigateBack ,页面左上角返回按钮
  • wx.switchTab实现tabBar页面切换
  • Tips: 所有页面都必须在app.json中注册,例如

    {
    "pages": [
    "pages/index/index",
    "pages/classification/classification",
    "pages/start/start",
    "pages/detail/detail",
    ]
    }

    登录后复制

    二、微信小程序中实现页面路由的几种方式

  • wx.navigateTo,保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面
  • wx.navigateTo({
    url: 'pages/detail/detail',
    success: function(res) {},
    ...
    })

    登录后复制

  • wx.redirectTo,关闭当前页面,跳转到应用内的某个页面,但是不允许跳转到 tabbar 页面
  • wx.redirectTo({
    url: 'pages/detail/detail',
    success:function(res){},
    ...
    })

    登录后复制

  • 组件跳转方式
  • 相关文章

    JavaScript2024新功能:Object.groupBy、正则表达式v标志
    PHP trim 函数对多字节字符的使用和限制
    新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
    使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
    为React 19做准备:WordPress 6.6用户指南
    如何删除WordPress中的所有评论

    发布评论