小程序页面跳转的四种方法分别什么

  介绍

小编给大家分享一下小程序页面跳转的四种方法分别什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强>小程序页面跳转的四种方法分别什么

小程序页面跳转的四种方法

1, wx.navigateTo({}),保留当前页面,跳转到应用内的某个页面(下面是跳转到测试页面的代码),然后从测试页面返回上一页的时候使用wx。navigateBack返回;

wx.navigateTo ({   ,,,//跳转页面的路径,可带参数,,用?隔开,不同参数用,分隔;   ,,,url: & # 39; . ./测试/测试? id=1,页面=4 & # 39;,,,   ,,,成功:函数(){},,,,,,,,//成功后的回调;   ,,,失败:函数(){},,,,,,,,,,//失败后的回调;   ,,,完成:函数(){},,,,,,//结束后的回调(成功,失败都执行)   })

传递的参数在接收页面onLoad()函数中得到值:选择。身份证就可以得到了

onLoad:, function (选项),{   console.log才能(选项);,,//可以打印一查下选择看参数   this.setData({才能   id: option.id才能   ,,,)};   },

返回上一页,在测试页绑定返回函数

& lt; view 类=癰ut", bindtap=癴anhui"在返回& lt;/view>

在测试页面的js里面写天气。navigateBack返回

fanhui:函数(){   ,,,wx.navigateBack({,改变:true });   },

2, wx.redirectTo(),关闭当前页面,跳转到非tabBar的某个页面;

3,使用页面标签导航器,和html的标签有点像;

& lt; navigator  url=& # 39; . ./测试/测试? id=1 & # 39;在点击跳转& lt;/navigator>

4, wx。switchTab,跳转到tabBar的某个页面;

wx.switchTab ({   url: & # 39;味道. .//指数? id=1 & # 39;,,,//注意switchTab只能跳转到选项卡页面,不能跳转到不带标签的页面   })

使用小程序提供选的选项卡项卡来实现页面和页面之间的切换。需要注意的是,我们不需要自己编写代码实现标签选项卡。小程序提供了现成的标签选项卡,我们只需要在app.json中配置一些参数即可实现标签选项卡的效果.tab选项卡的配置是通过应用程序。json文件中的tabBar选项来实现的。

以上是“小程序页面跳转的四种方法分别什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

小程序页面跳转的四种方法分别什么