ion-router-link
路由連結元件用於導覽至指定的連結。與瀏覽器的錨點標籤類似，它可以接受位置的 href 和轉場動畫的方向。
注意
注意：此元件應僅用於原生和 Stencil JavaScript 專案。對於 Angular 專案，請使用帶有 Angular 路由器的 <a> 和 routerLink。
請參閱路由文件以獲取更多資訊。
屬性
顏色
| 描述 | 從應用程式的調色盤中使用的顏色。預設選項為："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 Shadow Parts
此元件沒有可用的 CSS 陰影部分。
CSS 自訂屬性
| 名稱 | 描述 |
|---|---|
--background | 路由連結的背景 |
--color | 路由連結的文字顏色 |
插槽
此元件沒有可用的插槽。