链接 Link
用于展示超链接的组件。
基础使用
通常,我们像 <a> 标签一样使用它。
WARNING
href 属性将直接传到 <a> 标签中,如果传递类似 javascript:alert(1) 这样的值或恶意 URL,可能会导致 XSS 或开放重定向漏洞。
链接主题
链接有 'primary'(默认)、'success'、'warning'、'danger'、'info'、'sakura'、'notice' 多种主题。
下划线
链接有 'underline'(默认)、'normal' 两种样式变体。
禁用状态
disabled 设置链接禁用,浏览器默认点击事件引起的跳转不会触发。
隐藏源代码
加载状态
loading 设置链接是否处于加载状态,加载状态时,浏览器默认点击事件引起的跳转不会触发。
链接图标
icon 插槽设置链接图标。
隐藏源代码
自定义颜色
与按钮组件类似,自定义主色,内部基于此生成完整色板,该色板优先级高于 theme 提供的预设色版。详见 支持的颜色解析。
API
LinkProps
| 属性 | 类型 | 可选 | 默认值 | 描述 | 版本 |
|---|---|---|---|---|---|
| disabled | boolean | 是 | | 是否禁用。 | 0.0.0-beta |
| loading | boolean | 是 | | 是否加载状态。 | 0.0.0-beta |
| theme | 'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info' | 'notice' | 是 | 'primary' | 链接主题。 | 0.0.0-beta |
| theme | 'normal' | 'underline' | 是 | 'underline' | 链接主题。 | 0.1.0 |
| color | string | 是 | | 自定义主色。详见 支持的颜色解析。 | 0.0.0-beta |
| href | string | 是 | | HTML <a> 原生 href 属性。 | 0.0.0-beta |
| target | string | 是 | | HTML <a> 原生 target 属性。 | 0.0.0-beta |
LinkSlots
| 插槽 | 参数 | 描述 | 版本 |
|---|---|---|---|
| default | | 链接内容。 | 0.0.0-beta |
| icon | | 链接图标。 | 0.0.0-beta |
LinkEvents
| 事件 | 参数 | 描述 | 版本 |
|---|---|---|---|
| click | e: MouseEvent | 0.0.0-beta |