ion-router-link
路由链接组件用于导航到指定链接。类似于浏览器的锚点标签，它可以接受一个用于定位的 href 和一个用于过渡动画的方向。
注意
注意：此组件应仅与 vanilla 和 Stencil JavaScript 项目一起使用。对于 Angular 项目，请使用 `<a>` 和 `routerLink` 以及 Angular 路由器。
有关更多信息，请参见 路由器 文档。
属性
color
| 描述 | 要从应用程序调色板中使用的颜色。默认选项为："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有关颜色的更多信息，请参见 主题。 |
| 属性 | color |
| 类型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 默认值 | undefined |
href
| 描述 | 包含超链接指向的 URL 或 URL 片段。如果设置此属性，将呈现锚点标签。 |
| 属性 | href |
| 类型 | string ｜ undefined |
| 默认值 | undefined |
rel
| 描述 | 指定目标对象与链接对象的关系。该值是一个用空格分隔的 链接类型 列表。 |
| 属性 | rel |
| 类型 | string ｜ undefined |
| 默认值 | undefined |
routerAnimation
| 描述 | 在使用路由器时，它指定使用 `href` 导航到另一个页面时的过渡动画。 |
| 属性 | undefined |
| 类型 | ((baseEl: any, opts?: any) => Animation) ｜ undefined |
| 默认值 | undefined |
routerDirection
| 描述 | 在使用路由器时，它指定使用 `href` 导航到另一个页面时的过渡方向。 |
| 属性 | router-direction |
| 类型 | "back" ｜ "forward" ｜ "root" |
| 默认值 | 'forward' |
target
| 描述 | 指定在何处显示链接的 URL。仅在提供 `href` 时适用。特殊关键字："_blank"、"_self"、"_parent"、"_top"。 |
| 属性 | target |
| 类型 | string ｜ undefined |
| 默认值 | undefined |
事件
此组件没有可用的事件。
方法
此组件没有可用的公共方法。
CSS 阴影部分
此组件没有可用的 CSS 阴影部分。
CSS 自定义属性
| 名称 | 描述 |
|---|---|
--background | 路由链接的背景 |
--color | 路由链接的文本颜色 |
插槽
此组件没有可用的插槽。