eo-link
<eo-link>Alias:
<basic.general-link>通用链接构件。
Examples
Internal links
设置 url 用于单页应用内的链接跳转。
External links
如果设置了 href，将使用原生 <a> 标签来实现链接跳转，通常用于外链的跳转。
As text
设置 type="text" 可以将链接以普通文本的样式进行渲染。
Disabled
Plain
设置 type="plain" 链接不会拥有额外样式，适合搭配其他构件使用。
Icon
Properties
| Name | Description | Type | Default | Required |
|---|---|---|---|---|
type | 链接类型 | LinkType | "link" | |
disabled | 是否禁用 | boolean | false | |
href | 设置 | string | ||
url | 链接地址 | ExtendedLocationDescriptor | ||
inApp | 标识 | boolean | ||
target | 链接跳转目标 | Target | ||
showExternalIcon | target 为 _blank 时，是否在后面显示特定图标 | boolean | ||
underline | 是否显示下划线 | boolean | ||
replace | 是否使用 | boolean | false | |
icon | 图标 | GeneralIconProps | ||
danger | 是否开启危险状态 | boolean | ||
tooltip | 文字提示 | string | ||
linkStyle | 链接样式 | React.CSSProperties | ||
themeVariant | 主题变体 | "default" | "elevo" | ||
textContent | 文本内容 | string |
Slots
| Name | Description |
|---|---|
| (default) | 链接内容 |
Events
| Name | Description | Event Detail |
|---|---|---|
click | 点击 |
Parts
| Name | Description |
|---|---|
link | 锚元素 |
Type references
LinkType
"link" | "text" | "plain"ExtendedLocationDescriptor
string | ExtendedLocationDescriptorObjectExtendedLocationDescriptorObject
LocationDescriptorObject<NextHistoryState> & { keepCurrentSearch?: boolean | string[] }Target
"_self" | "_blank" | "_parent" | "_top"