(精华)2020年8月7日微信小程序导航的使用-白红宇的个人博客

(精华)2020年8月7日微信小程序导航的使用

发布日期：2021-06-29 15:08:58 浏览次数：3 分类：技术文章

本文共 1297 字，大约阅读时间需要 4 分钟。


   
     
    
     跳转到新页面
      
    
     在当前页打开
      
    
     切换 Tab
      
    
     打开绑定的小程序

navigator

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

wx.navigateTo({
     url: 'test?id=1',  events: {
       // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据    acceptDataFromOpenedPage: function(data) {
         console.log(data)    },    someEvent: function(data) {
         console.log(data)    }    ...  },  success: function(res) {
       // 通过eventChannel向被打开页面传送数据    res.eventChannel.emit('acceptDataFromOpenerPage', {
    data: 'test' })  }})

redirect

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.redirectTo({
     url: 'test?id=1'})

switchTab

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

{
     "tabBar": {
       "list": [{
         "pagePath": "index",      "text": "首页"    },{
         "pagePath": "other",      "text": "其他"    }]  }}----------------------------------------wx.switchTab({
     url: '/index'})

reLaunch

关闭所有页面，打开到应用内的某个页面

wx.reLaunch({
     url: 'test?id=1'})

navigateBack

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会。见下方示例代码// 此处是A页面wx.navigateTo({
     url: 'B?id=1'})// 此处是B页面wx.navigateTo({
     url: 'C?id=1'})// 在C页面内 navigateBack，将返回A页面wx.navigateBack({
     delta: 2})

exit 退出小程序，target="miniProgram"时生效

转载地址：https://codeboy.blog.csdn.net/article/details/107864548 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：(精华)2020年8月7日微信小程序音频文件的使用

下一篇：(精华)2020年8月6日 Angular 路由的使用

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章