退出系统
2.0 版本 weex 版本

graceUI For Weex - 导航组件及api

1.1 导航组件概述
graceUI 封装了基于 uni-app 模式的导航组件,用于页面切换及参数传递;
1.2 组件属性

url : 页面地址及参数, 如 '../test/test' 或 '../test/test?a=1&b=2'
openType : 页面打开方式

1.3 openType 取值及作用

navigate : 保留当前页面,跳转到应用内的某个页面;
redirect : 关闭当前页面,跳转到应用内的某个页面;
switchTab : 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面;
navigateBack : 返回上一页


2 navigator.js api
graceUI 还提供了 js 形式的窗口跳转工具,类似 uni-app 的 navigator api;
2.2 方法列表

1. navigateTo(OBJECT)
保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
2. redirectTo(OBJECT)
关闭当前页面,跳转到应用内的某个页面。
3. reLaunch(OBJECT)
关闭所有页面,打开到应用内的某个页面。
4. uni.switchTab(OBJECT)
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
5. uni.navigateBack(OBJECT)
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

2.3 方法1 2 3 4 OBJECT 对象格式

url    String  页面的路径(需在 pages.json 的 tabBar 字段定义的页面),路径后不能带参数    
success    Function    接口调用成功的回调函数    
fail    Function  接口调用失败的回调函数    
complete    Function  接口调用结束的回调函数(调用成功、失败都会执行)

方法 5 对象格式

delta    Number   1    返回的页面数,如果 delta 大于现有页面数,则返回到首页。    
animationType    String    否    pop-out    窗口关闭的动画效果,详见:窗口动画    5+App    
animationDuration    Number    否    300    窗口关闭动画的持续时间,单位为 ms

3 打开的新页面如何获取传递的参数?

我们提供了 navigator.js 统一保存和获取参数 : 
使用 navigator.getParameters() 方法即可获取对象形式的参数信息;


演示代码