ArkTS-页面跳转（router）_arkts router

1. 导入router

import router from '@ohos.router'
1

2. 跳转方式

2.1 router.pushUrl :跳转到应用内的指定页面

2.1.1 pushUrl(options: RouterOptions): Promise

router.pushUrl({
  url: 'pages/home',
  params: {
    data1: 'message',
    data2: {
      data3: [123, 456, 789]
    }
  }
})
  .then(() => {
    // success
  })
  .catch(err => {
    console.error(`pushUrl failed, code is ${err.code}, message is ${err.message}`);
  })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

2.2router.replaceUrl:用应用内的某个页面替换当前页面，并销毁被替换的页面。不支持设置页面转场动效，如需设置，推荐使用Navigation组件

2.2.1 replaceUrl(options: RouterOptions): Promise

router.replaceUrl({
  url: 'pages/detail',
  params: {
    data1: 'message'
  }
})
  .then(() => {
    // success
  })
  .catch(err => {
    console.error(`replaceUrl failed, code is ${err.code}, message is ${err.message}`);
  })
1
2
3
4
5
6
7
8
9
10
11
12

2.3 router.back：返回上一页面或指定的页面。

2.3.1 back(options?: RouterOptions ): void

router.back({url:'pages/Home'});    
1

2.4 router.clear： 清空页面栈中的所有历史页面，仅保留当前页面作为栈顶页面。

2.4.1 clear(): void

router.clear();    
1

2.5 router.getLength：获取当前在页面栈内的页面数量。

let size = router.getLength();        
console.log('pages stack size = ' + size);    
1
2

2.6 router.getState：获取当前页面的状态信息。

let page = router.getState();
console.log('current index = ' + page.index);
console.log('current name = ' + page.name);
console.log('current path = ' + page.path);
1
2
3
4

2.7 router.getParams：获取发起跳转的页面往当前页传入的参数。

router.getParams();
1

3. 说明

3.1 RouterOptions

3.2 RouterMode