跳到主要内容
版本:v7

ion-router-link

shadow

路由链接组件用于导航到指定链接。类似于浏览器的锚点标签,它可以接受 href 作为位置,以及过渡动画的方向。

备注

注意:此组件仅应与 vanilla 和 Stencil JavaScript 项目一起使用。对于 Angular 项目,请使用带有 Angular 路由器的 <a> 和 routerLink。

更多信息请参阅路由器(Router)文档。

属性​

color​

说明The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.
属性color
类型"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
默认值undefined

href​

说明Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
属性href
类型string | undefined
默认值undefined

rel​

说明Specifies the relationship of the target object to the link object. The value is a space-separated list of link types.
属性rel
类型string | undefined
默认值undefined

routerAnimation​

说明When using a router, it specifies the transition animation when navigating to another page using href.
属性undefined
类型((baseEl: any, opts?: any) => Animation) | undefined
默认值undefined

routerDirection​

说明When using a router, it specifies the transition direction when navigating to another page using href.
属性router-direction
类型"back" | "forward" | "root"
默认值'forward'

target​

说明Specifies where to display the linked URL. Only applies when an href is provided. Special keywords: "_blank", "_self", "_parent", "_top".
属性target
类型string | undefined
默认值undefined

事件​

该组件没有可用的事件。

方法​

该组件没有可用的公共方法。

CSS 阴影部分​

该组件没有可用的 CSS 阴影部分。

CSS 自定义属性​

Name说明
--backgroundBackground of the router link
--colorText color of the router link

插槽​

该组件没有可用的插槽。