uniapp怎么实现页面跳转,uniapp点击跳转

　　跳转方法：1。使用“uni。导航到(对象)"；2.使用“uni。重定向到(对象)"；3.使用“uni . relax(object)”；4.使用“uni.switchTab(OBJECT)”等。

　　UNI-APP开发(仿饿)开发课程：进入学习

　　本教程运行环境：windows7系统，Uni-App版本2.5.1，DELL G3电脑。

　　Uni-app页面跳转主要通过以下五种方法来完成。它们如下：

　　(1)uni.navigateTo(OBJECT)保持当前页面，跳转到应用中的一个页面。

　　(2)uni . redirecto(OBJECT)关闭当前页面，跳转到应用程序中的一个页面。

　　(3)uni.reLaunch(OBJECT)关闭所有页面，打开应用程序中的一个页面。

　　(4)uni.switchTab(OBJECT)跳转到tabBar页面，关闭所有其他非tabBar页面。

　　(5)uni.navigateBack(OBJECT)关闭当前页面，返回上一页或多级页面。

　　uni.navigateTo(OBJECT)

　　保留当前页面，跳转到应用程序中的一个页面，并使用uni.navigateBack返回到原始页面。参数说明：参数类型为必输项。urlString是应用中需要跳转的非tabBar页面的路径，路径后面可以跟参数。在参数和路径之间使用？分隔，参数键和参数值用=连接，不同的参数用分隔；

　　uni.navigateTo({

　　网址：‘测试？ id=1name=uniapp

　　});

　　导出默认值{

　　onLoad:函数(选项){

　　console . log(option . id)；

　　console . log(option . name)；

　　}

　　}uni.redirectTo(OBJECT)

　　关闭当前页面并跳转到应用程序中的页面。参数描述参数类型必需描述urlString是应用程序中需要跳转的非tabBar页面的路径，路径后面可以跟参数。在参数和路径之间使用？分隔，参数键和参数值用=连接，不同的参数用分隔；

　　uni . redirecto({

　　网址：‘测试？Id=1 //传递值为1的参数Id

　　});uni.reLaunch(OBJECT)

　　关闭所有页面，打开应用程序中的一个页面。参数说明：参数类型为必输项。urlString是应用内页面需要跳转的路径，路径后面可以跟参数。在参数和路径之间使用？分隔，参数键和参数值用=连接，不同的参数用分隔；

　　uni.reLaunch({

　　网址：‘测试？id=1

　　});

　　导出默认值{

　　onLoad:函数(选项){

　　console . log(option . query)；

　　}

　　}uni.switchTab(OBJECT)

　　跳转到tabBar页面并关闭所有其他非tabBar页面。参数说明：参数类型为必输项。urlString是需要跳转的tabBar页面的路径(需要在app.json的tabBar字段中定义的页面)。路径后面不能带任何参数。

　　pages.json{

　　tabBar: {

　　列表:[

　　{

　　pagePath: index ，

　　文本:主页

　　},{

　　pagePath :其他，

　　文本:其他

　　}]

　　}

　　}

　　other.vueuni.switchTab({

　　url:“索引”

　　});uni.navigateBack(OBJECT)

　　关闭当前页面，返回上一页或多级页面。可以通过getCurrentPages()获取当前页面堆栈，决定需要返回多少层。参数描述：参数类型必须指定deltaNumber1返回的页数。如果delta大于现有页数，它将返回到第一页。

　　uni.navigateTo({

　　网址： B？id=1

　　});

　　uni.navigateTo({

　　网址：‘C？id=1

　　});

　　uni.navigateBack({

　　德尔塔：2

　　});【相关推荐：《uniapp教程》】以上是uni-app如何跳转页面的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。