小程序开发之路由跳转小知识

694 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

引言

无论是小程序内部的快捷跳转,还是从外部进入小程序都离不开路由的使用。

今天就来谈谈小程序的路由跳转小知识

I、 小程序路由跳转

<button bindtap='skipToTabPage'>跳转到Tab页</button>
<button bindtap='skipToNotTabPage'>跳转到非Tab页</button>

跳转到Tab页,使用switchTab,不能传参

1.1 wx的用法

Page({
    // 跳转到Tab页,使用switchTab,不能传参
    skipToTabPage() {
        wx.switchTab({
            url: '/pages/listen/listen'
        })
    },
    // 跳转到非Tab页,使用navigateTo,可以传参
    // 在另一个页面中,使用 onLoad 生命周期来接收参数
    skipToNotTabPage() {
        wx.navigateTo({
            url: '/pages/user/user?id=123&name=abc'
        })
    }
})

1.2 uni的用法

// 跳一级界面
uni.switchTab({
   url: 'pages/search/search'
})
​
// 跳二级界面
uni.navigateTo({
     url: 'pages/category/categ_lisst.html?catepos=23'
})

II 路径的获取

2.1 获取小程序路径

默认首页路径:pages/index/index 获取途径: 编辑公众号文章的时候,可以指定特定微信进行获取 在这里插入图片描述

文章详情页:pages/data/data.html?id=61

关于页面:pages/about/about.html

小程序分类:pages/category/categ_lisst.html?catepos=23

小程序文章:pages/data/data.html?id=142

搜索页面:pages/search/search.html

分类模块:pages/category/category

首页: pages/index/index

2.2 获取小程序码

利用小程序后台的生成小程序码工具获取小程序码,可指定跳转路径,可用于公众号文章,小程序内

在这里插入图片描述

see also

跳转到 tabBar 页面的更多内容请查看官方文档

developers.weixin.qq.com/miniprogram…