快应用 页面路由
接口声明
无需声明
导入模块
import router from '@system.router' 或 const router = require('@system.router')
接口定义
router.push(OBJECT)
跳转到应用内的某个页面
参数:
参数 | 类型 | 必填 | 说明 | ||||
---|---|---|---|---|---|---|---|
uri | String | 是 | 要跳转到的 uri,可以是下面的格式:
|
||||
params | Object | 否 | 跳转时需要传递的数据,参数可以在页面中通过this.param1 的方式使用,param1为json中的参数名,param1对应的值会统一转换为String类型 |
params 参数:
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
body1040+
|
String | 否 | 跳转时短信发送页面时携带的短信内容。 |
___PARAMLAUNCH_FLAG\__1050+
|
String | 否 | 快应用启动参数,目前仅支持"clearTask",在启动目标页面时会清除除此页面外的其他页面。详见 页面启动模式 |
___PARAMPAGE_ANIMATION\__1070+
|
Object | 否 | 页面跳转时动画类型 |
___PARAMPAGE_ANIMATION\__ 参数:
页面动作 | 动画类型 | 必填 | 说明 |
---|---|---|---|
openEnter | String | 否 | 打开进入当前页时当前页动画,可选值 slide, none,默认为slide |
closeEnter | String | 否 | 关闭返回当前页时当前页动画,可选值 slide, none,默认为slide |
openExit | String | 否 | 打开下一页,退出当前页时当前页动画,可选值 slide, none,默认为slide |
closeExit | String | 否 | 返回上一页,退出当前页时当前页动画,可选值 slide, none,默认为slide |
slide模式在各动作下的动画变化详情如下:
页面动作 | 动画变化 | 动画时长 |
---|---|---|
openEnter | x from 100%~0 | 300ms |
closeEnter | x from -25%~0, alpha 0.6~1.0 | 300ms |
openExit | x from 0~-25%, alpha 1.0~0.6 | 300ms |
closeExit | x from 0~100% | 300ms |
示例:
- 唤醒电话
router.push({ uri: 'tel:10086' })
- 发送短信
router.push({ uri: 'sms:10086', params: { body: 'message' } })
- 应用内切换页面
- path 切换
router.push({ uri: '/about', params: { testId: '1' } })
- name 切换
// open page by name router.push({ uri: 'About', params: { testId: '1' } })
- 切换页面并清除其他页面
router.push({ uri: '/about', params: { ___PARAM_LAUNCH_FLAG___: 'clearTask' } })
- path 切换
- 打开网页
router.push({ uri: 'http://www.example.com' })
- 打开原生应用
router.push({ uri: 'internal://cache/example.apk' })
- 打开另一个快应用
router.push({ uri: 'hap://app/com.example.quickapp/page?key=value' })
- 打开 wifi 设置页面
router.push({ uri: 'hap://settings/wlan_manager' })
- 配置跳转动画模式
router.push({ uri: '/about', params: { ___PARAM_PAGE_ANIMATION___: { openEnter:`none`, closeEnter:`slide`, openExit:`slide`, closeExit:`slide` } } })
router.replace(OBJECT)
跳转到应用内的某个页面,当前页面无法返回
参数:
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
uri | String | 是 | 要跳转到的 uri,可以是下面的格式:
|
params | Object | 否 | 跳转时需要传递的数据,参数可以在页面中通过this.param1 的方式使用,param1 为 json 中的参数名,param1 对应的值会统一转换为 String 类型 |
示例:
router.replace({
uri: '/test',
params: {
testId: '1'
}
})
router.back(OBJECT)
返回指定页面
参数:
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
path '1020+' | String | 否 | 返回目标页面的路径,可以是以下几种取值:
|
示例:
// A页面, open page by name
router.push({
uri: 'B'
})
// B页面, open page by name
router.push({
uri: 'C'
})
// C页面, open page by name
router.push({
uri: 'D'
})
// D页面, open page by name
router.push({
uri: 'E'
})
// E页面不传入页面路径,返回至D页面
router.back()
// D页面不传入页面名称,返回至C页面
router.back()
// C页面传入页面路径,返回至A页面
router.back({
path: '/A'
})
router.clear()
清空所有历史页面记录,仅保留当前页面
参数:
无
示例:
router.clear()
router.getLength()
获取当前页面栈的页面数量
返回值:
类型 | 说明 |
---|---|
Number | 页面数量 |
示例:
var length = router.getLength()
console.log(`page's length = ${length}`)
router.getState()
获取当前页面状态
返回参数:
参数名 | 类型 | 说明 |
---|---|---|
index | Number | 当前页面在页面栈中的位置 |
name | String | 当前页面的名称 |
path | String | 当前页面的路径 |
示例:
var page = router.getState()
console.log(`page index = ${page.index}`)
console.log(`page name = ${page.name}`)
console.log(`page path = ${page.path}`)
router.getPages()
获取当前页面栈列表
返回值:
类型 | 说明 |
---|---|
Array | 页面栈列表。数组每一项都为 Object 类型。 |
数组每一项构成:
字段 | 类型 | 说明 |
---|---|---|
name | String | 页面的名称 |
path | String | 页面的路径 |
示例:
var stacks = router.getPages();
console.log("栈底页面名称为:", stacks[0].name); // 如 list、detail 等
console.log("栈底页面路径为:", stacks[0].path); // 如 /list、/detail、/home/preview
后台运行限制
禁止使用。 后台运行详细用法参见 后台运行 脚本。