@aliretail/react-materials-components/demo/Router/README.md

B 端物料组件库

---
title: Router-API
order: 1
category: UI
description: Router 组件描述
screenshot: https://gw.alicdn.com/imgextra/i2/O1CN01yW3hCD1M8CnqeKFlq_!!6000000001389-2-tps-90-90.png
---

## API

| 参数名           | 说明         | 必填 | 类型 | 默认值 | 备注 |
| ---------------- | ------------ | ---- | ---- | ------ | ---- |
| openPage         | 打开新页面   |   N   |  Obj    |        |      |
| goToPage         | 跳转页面     |   N   |   Obj   |        |      |
| closeCurrentPage | 关闭当前 Tab |   N   |      |        |      |
| closePage | 关闭指定 Tab |   N   |   Obj   |        |      |
| setPageTitle | 设置当前 Tab / 页面标题 |   N   |   String   |        |      |
| getURLParameter | 获取 URL 中的查询参数 |   N   |   String   |        |      |

### 打开新 Tab / 页面

```javascript
Router.openPage(
  {
    app: 'retailforce-oms-pro',
    page: 'proTable',
    params: {}, // 可选
  },
  {
    refresh: true, // 刷新
  }
);
```

### 跳转 Tab / 页面

```javascript
Router.goToPage(
  {
    app: 'retailforce-oms-pro',
    page: 'proTable',
  },
  {
    refresh: true, // 刷新
  }
);
```

### 关闭当前 Tab

```javascript
Router.closeCurrentPage();
```

### 关闭指定 Tab

```javascript
Router.closePage({
  app: 'retailforce-oms-pro',
  page: 'proTable',
  params: {}, // 可选
});
```

### 设置当前 Tab / 页面标题

```javascript
Router.setPageTitle('demo page');
```

### 获取 URL 中的查询参数

```javascript
Router.getURLParameter('id');
```