主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
本文提供了微信小程序的相关知识。 我们主要介绍一下页面路由相关的相关内容。 路由是指确定数据包从源到目的地时所采用的端到端路径的网络范围。 下面我们就来看看这个过程。 我希望这对你有帮助。
【相关学习推荐:小程序学习教程】
什么是路由?路由是数据包从源到目的地的过程。确定端到端路径的网络范围过程。 了解微信小程序页面路由以及根据路由规则(路径)从一个页面跳转到另一个页面的规则。 1.什么触发页面跳转小程序的启动,什么初始化第一个页面跳转到新页面,什么调用wx.navigateTo或页面重定向,wx.redirectTo或 要返回页面,请调用 wx.navigateBack。 页面左上角后退按钮 wx.switchTab 实现tabBar页面切换 { "pages": [ "pages/index/index", "pages/classification/classification", "pages/start/start", "pages/ detail/detail", ]} 2、微信小程序wx.navigateTo中实现页面路由的几种方式。 保留当前页面并跳转到应用程序内的页面,但不跳转到标签栏页面。 wx.navigateTo({ url: 'pages/detail/detail', success: function(res) {}, ...})wx.redirectTo,关闭当前页面并跳转到应用程序特定页面,但不允许跳转到tab栏页面 wx.redirectTo({ url: 'pages/detail/detail', success:function(res){}, ...}) 组件跳转调用方法 跳转wx.navigateBack 返回上一页 wx.navigateBack({delta: 1,})wx.switchTab 跳转到tabBar页面并关闭所有其他非tabBar页面 app.json:{ "tabBar": { "list": [{ "pagePath" : "pages/ index/index", "text ": "首页", }, { "pagePath": "页面/汽车/汽车", "text": "购物车", }, ... }}
index.js:
wx.switchTab({ url: 'pages/car/car'}) 3、小程序路由实现原理
小程序路由通过栈进行管理(通过第一个
wx导致navigateTo或从页面A跳转到页面B。
最初,navigationTo或跳转从A页到B页。 当使用wx.navigate时,堆栈仅包含页面A。To跳转后,页面B被压入路由栈并在界面上可见,页面A被隐藏。
使用wx.navigateBack返回时
wx.redirectTo和wx.navigateTo有什么区别?
如果你已经在第二页了假设确实有。 B 上面使用wx.redirectTo跳转到C页面。 流程如下:
如果当前在第二个页面B,使用wx.redirectTo跳转到页面C。 流程如下: [外部链接图片正在传输中...(img-mkPnbKug-1650431194878)]
页面B弹出,页面C入栈。 目前,堆栈页面上仍然只有两个。
【相关学习推荐:小程序学习教程】
下载微信应用
微信是一款可以通过手机网络发送语音消息、视频、照片和文字的移动通讯软件。支持 微信带来了全新的移动通信体验,您可以单独或群组聊天,还可以根据您的地理位置查找附近的人。 有需要的朋友,请快来保存您的下载体验吧!
这几篇文章你可能也喜欢:
- 微信小程序云服务配置详解(微信小程序云服务器、云数据库需要费用吗?)
- 订阅号和小程序有什么区别(订阅号是关联小程序的)
- 微信小程序开发常用功能汇总(微信小程序开发功能介绍)
- 微信小程序全局配置和页面配置详解(微信小程序全局变量如何设置)
- 微信小程序开发工具概述(微信小程序开发)
本文由主机参考刊发,转载请注明:微信小程序页面路由知识总结(微信小程序路由) https://zhujicankao.com/140910.html
评论前必须登录!
注册