Login Now 这几年，微信小程序几乎成了移动互联网的标配：不用下载安装，点开即用，用完即走，用户的接受度很高。对开发者来说，页面跳转则是小程序里最基础、也最绕不开的功能——从首页进详情页，从列表页看具体内容，从活动页去下单，背后靠的都是页面导航。这篇文章就聊聊小程序里的跳转链接怎么做，过程其实并不复杂。
思路可以拆成两步：先在页面里放一个能触发跳转的入口，再告诉小程序要跳到哪里去。入口通常是一个按钮，也可以是导航栏上某个可点击的元素。具体做法是在 wxml 文件里写一个 button 组件，给它绑定点击事件处理函数，比如 bindtap="goDetail"——用户点下按钮的那一刻，这个函数就会被触发。
真正执行跳转的代码，写在页面对应的 js 文件里。微信官方提供了 wx.navigateTo 这个 API，只要在事件处理函数中调用它，把目标页面的路径作为 url 参数传进去，跳转就完成了。需要跨页面传数据的话，可以把参数直接拼在路径后面，用问号加键值对的形式，目标页面在 onLoad 生命周期里就能接收到。跳商品详情页时带上商品 id，就是最常见的用法之一。
不过有一点新手很容易忽略：光写跳转代码还不够，目标页面得先在 app.json 里注册。小程序启动时会读取 pages 数组，只有登记在册的页面才能被正常访问。路径没配置，或者配置的路径和实际文件对不上，点击按钮后要么跳转失败，要么控制台直接报错。所以每新建一个页面，第一件事就该去 pages 数组里补上路径。顺带一提，写在数组第一位的路径会被当作小程序的首页，这个顺序别弄错。
跳过去之后，用户怎么回来？其实用 wx.navigateTo 打开的页面，顶部导航栏会自动带上返回箭头，多数情况下不需要额外处理。当然，想在页面里放一个自定义返回按钮也完全可以——给按钮绑定事件，在函数里调用 wx.navigateBack 就行。除此之外，还可以在目标页面的 wxml 里放其他跳转入口，让用户继续往更深的页面走，或者一键回到首页，这取决于产品流程怎么设计。
实际开发中还有几个坑值得提前知道。wx.navigateTo 会保留当前页面，把新页面压入页面栈，而这个栈最多只有十层，层级太深时继续调用就会失败。跳转后不打算让上级页面留在栈里，可以改用 wx.redirectTo；目标是 tabBar 页面的话，则必须用 wx.switchTab——用错方法是新手最常踩的雷。另外，除了写代码调 API，wxml 里还有一个 navigator 组件可以直接声明跳转，适合不需要逻辑处理的简单场景。两种方式互为补充，按需求选用就好。
总的来看，小程序的跳转功能本身没什么门槛，核心就是"注册页面、触发事件、调用 API"这三件事。真正影响体验的，反而是路径配置是否规范、页面层级是否合理、参数传递是否清晰这些细节。把基础打牢，之后做再复杂的页面流转都会顺手很多。希望这篇文章能帮到正在入门小程序开发的朋友，少走一些弯路。
