兰州画册设计公司,seo在线培训课程,打电话沟通做网站,品牌设计内容包括哪些方面✅作者简介#xff1a;2022年博客新星 第八。热爱国学的Java后端开发者#xff0c;修心和技术同步精进。 #x1f34e;个人主页#xff1a;Java Fans的博客 #x1f34a;个人信条#xff1a;不迁怒#xff0c;不贰过。小知识#xff0c;大智慧。 #x1f49e;当前专栏… ✅作者简介2022年博客新星 第八。热爱国学的Java后端开发者修心和技术同步精进。 个人主页Java Fans的博客 个人信条不迁怒不贰过。小知识大智慧。 当前专栏微信小程序学习分享 ✨特色专栏国学周更-心性养成之路 本文内容微信小程序——页面跳转方法和场景用法总结 文章目录 1、wx.switchTab(url)跳转主页2、wx.reLaunch(url)关闭所有页面跳转3、wx.redirectTo(url)关闭当前页面跳转4、wx.navigateTo(url)保留页面跳转5、wx.navigateBack(delta)页面返回总结 1、wx.switchTab(url)跳转主页
描述跳转到带有标签栏的页面并关闭其他非标签页的页面。使用场景当你需要切换到小程序中不同的页面并且页面具有标签栏时可以使用此方法。
属性解释url需要跳转的tabBar路径不能带参数success接口调用成功的回调函数fail接口调用失败的回调函数complete接口调用结束的回调函数调用成功、失败都会执行
案例展示
wx.switchTab({url: /pages/tab/home // 跳转到名为“home”的标签页
})参数说明 url必填要跳转的页面路径需在app.json中进行注册。
2、wx.reLaunch(url)关闭所有页面跳转
描述关闭所有页面并打开一个新的页面作为首页。使用场景当你需要重新启动小程序并跳转到一个全新的页面时可以使用此方法。
属性解释url需要跳转的应用内页面路径可以带参数success接口调用成功的回调函数fail接口调用失败的回调函数complete接口调用结束的回调函数调用成功、失败都会执行
案例展示
wx.reLaunch({url: /pages/login // 跳转到名为“login”的页面
})参数说明 url必填要跳转的页面路径需在app.json中进行注册。
3、wx.redirectTo(url)关闭当前页面跳转
描述关闭当前页面并跳转到一个新的页面。使用场景当你需要关闭当前页面并导航到另一个页面时可以使用此方法。
属性解释url需要跳转的应用内页面路径可以带参数success接口调用成功的回调函数fail接口调用失败的回调函数complete接口调用结束的回调函数调用成功、失败都会执行
案例展示
wx.redirectTo({url: /pages/detail?id123 // 跳转到名为“detail”的页面并传递参数id
})参数说明 url必填要跳转的页面路径需在app.json中进行注册。
4、wx.navigateTo(url)保留页面跳转
描述保留当前页面并跳转到一个新的页面。使用场景当你需要在当前页面保留导航记录并在新页面打开时可以使用此方法。
属性解释url需要跳转的应用内页面路径可以带参数events页面间通信接口用于监听被打开页面发送到当前页面的数据success接口调用成功的回调函数fail接口调用失败的回调函数complete接口调用结束的回调函数调用成功、失败都会执行
案例展示
wx.navigateTo({url: /pages/detail?id123 // 跳转到名为“detail”的页面并传递参数id
})参数说明 url必填要跳转的页面路径需在app.json中进行注册。
5、wx.navigateBack(delta)页面返回
描述返回上一页面。使用场景当你需要回到上一个页面时可以使用此方法。
属性解释delta默认值为1返回的页面数如果 delta 大于现有页面数则返回到首页。success接口调用成功的回调函数fail接口调用失败的回调函数complete接口调用结束的回调函数调用成功、失败都会执行
案例展示
wx.navigateBack({delta: 1 // 返回上一页面如果存在
})参数说明 delta选填返回的页面数如果不填则默认返回上一页面设置为2则返回上两个页面以此类推。
注意 小程序的页面不是很多通常推荐使用wx.navigateTo进行跳转后退不需要重新渲染提高加载相率。反之页面很多时候最好不用。
总结 这些方法在跳转页面时参数中的路径需在app.json中注册确保小程序能够正确识别页面路径。根据你的具体需求选择适当的方法来实现页面跳转。 码文不易本篇文章就介绍到这里如果想要学习更多Java系列知识点击关注博主博主带你零基础学习Java知识。与此同时对于日常生活有困扰的朋友欢迎阅读我的第四栏目《国学周更—心性养成之路》学习技术的同时我们也注重了心性的养成。
