微信小程序怎么实现页面路由(微信小程序,移动开发)

时间:2024-05-04 05:23:02 作者 : 石家庄SEO 分类 : 移动开发
  • TAG :

    %E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%E9%A1%B5%E9%9D%A2%E8%B7%AF%E7%94%B1

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

小程序启动,初始化第一个页面

跳转新页面,调用wx.navigateTo 或者 <navigator />

页面重定向,调用wx.redirectTo 或者 <navigator />

页面返回,调用wx.navigateBack ,页面左上角返回按钮

wx.switchTab实现tabBar页面切换

Tips: 所有页面都必须在app.json中注册,例如

wx.navigateTo保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面

wx.redirectTo,关闭当前页面,跳转到应用内的某个页面,但是不允许跳转到 tabbar 页面

<navigator />组件跳转方式

wx.navigateBack返回上一页

Tips: delta为1时表示返回上一页,为2时表示上上一页,以此类推;如果dalta大于已打开的页面总数,则返回到首页。返回后,元界面会销毁

wx.switchTab跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
app.json:

index.js:

本文:微信小程序怎么实现页面路由的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Laravel Model模型关联怎么建立下一篇:

14 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18