微信小程序页面路由示例
微信小程序页面路由这个东西,对于开发者来说可是重要的。你想啊,小程序的页面跳转、返回、传参这些都离不开它。其实,微信小程序的路由控制比起传统的 Web 应用要简单多,但是它也有自己的套路,了解这些能让你写出更加流畅的代码。
,路由的跳转挺,像是用wx.navigateTo
跳转到一个新页面,wx.redirectTo
可以让你在跳转的时候把当前页面替换掉。wx.switchTab
是用来跳转到 tabBar 页面的,跳完就把其他页面给关掉了。wx.navigateBack
用来返回上一个页面,delta
可以控制跳几页。
至于传递参数,wx.navigateTo
的时候可以把query
对象带上,像这样:wx.navigateTo({ url: '/pages/index?name=张三' })
。目标页面会通过onLoad
拿到这些参数。
,如果你的跳转是动态的,比如根据服务器返回的结果来决定跳哪儿,你可以结合wx.reLaunch
和wx.navigateBack
来实现。
如果你是做小程序的 tabBar 定制,也可以在app.json
里面进行配置,定义好哪些页面会出现在 tabBar 上。
通过这个wx-demo
的示例代码,你会看到如何把这些路由操作结合在一起,你完成一个完整的页面跳转逻辑。别忘了,还可以自定义页面栈管理,你更精准地控制页面之间的跳转。
38.6KB
文件大小:
评论区