微信小程序开发之路由切换页面重定向问题
这段时间开发了一个微信小程序,虽然小程序的导航API 官方文档写得很详细,但是在具体开发过程中还是会遇到很多不明白,或者一时转不过弯的地方。
1、页面切换传参,参数读取
1.1 wx.navigateTo(Object)
功能:保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到当前页面。
wx.navigateTo({ //当前页面对应的JS文件内 控制模板 url: 'test"htmlcode">wx.reLaunch({ //token失效,界面重定向到登录页,绝对路劲 url: "/pages/login/login", });2、相对路径和绝对路径
2.1、绝对路径;
以 “/” 开头代表根目录,
/pages/login/login
2.2、相对路径
以 “../” 开头,从当前页面一级一级往上级目录倒退
../../module/customer/main/main
或者:
以 “./” 开头,直接在当前目录
./registered
补充:下面看下微信小程序的路由跳转方法
路由跳转的方法
1.打开新页面
1.wx.navigateTo 或使用组件
<navigator open-type="navigateTo"/>
保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回到原页面。
属性用法:
url: 类型是String 跳转非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用"htmlcode">
wx.navigateTo({ url: 'test"redirectTo"/>
属性用法:
url: 类型是String 跳转非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用"htmlcode">
wx.redirectTo({ url: 'test"navigateBack">关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。
属性用法:
url: 类型是String 跳转非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用"htmlcode">
上一篇:在Vuex使用dispatch和commit来调用mutations的区别详解// 此处是A页面 wx.navigateTo({ url: 'B"switchTab "/>属性用法:
url: 类型是String 需要跳转的 tabBar 页面的路径(需在 app.json 的 [tabBar]字段定义的页面),路径后不能带参数
success: 类型Function 接口调用成功的回调函数
fail: 类型Function 接口调用失败的回调函数
complete: 类型Function 接口调用结束的回调函数(调用成功、失败都会执行)
例 :{ "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other", "text": "其他" }] } } wx.switchTab({ url: '/index' })5.Tab 切换
1.wx.reLaunch 或使用组件
<navigator open-type="reLaunch"/>
闭所有页面,打开到应用内的某个页面
属性用法:
url: 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用"htmlcode">
wx.reLaunch({ url: 'test"color: #ff0000">总结以上所述是小编给大家介绍的微信小程序开发之路由切换页面重定向问题 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
下一篇:Nodejs调用Dll模块的方法
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?