仅桌面端保证样式
Link 链接
超链接文字组件:type 提供语义配色,underline 支持 always / hover / never 三种下划线策略,可携带前置图标;disabled 时移除 href 与 target 并拦截 click 事件,href + target 组合可完成站外跳转。
基础用法
六种语义类型,type 缺省为 default;error 视觉同 danger。
下划线策略
underline 默认 always 常显下划线,hover 悬停时显示,never 关闭(传布尔值时映射为 always / never)。
图标与禁用
icon 传入图标名称渲染前置图标(14px,与文字自动留间距);disabled 移除 href 并阻止点击跳转。
click 事件
未设 href 时也可单独作为文字按钮使用,点击触发 click 事件。
状态:尚未点击
组合场景
表格操作列、表单底部辅助操作等常见组合。
布尔下划线与文字按钮
underline 传布尔值时按旧语义映射:true 等同 always、false 等同 never;不设 href 时组件退化为纯文字按钮,配合 :underline="false" 常用于表格内的行内操作。
API
Link Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 语义色(error 等同 danger) | primary | success | warning | info | danger | error | default | default |
| underline | 下划线策略(布尔值映射为 always / never) | boolean | always | hover | never | always |
| disabled | 禁用态,移除 href / target 并阻止点击 | boolean | false |
| href | 跳转地址(禁用或为空时不渲染 href) | string | |
| target | 打开方式,如 _blank / _self | string | |
| icon | 前置图标名(14px) | string |
Link Events
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| click | 点击链接时触发(禁用时不触发并阻止默认行为) | (e: MouseEvent) => void | — |
Link Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 链接内容 | — | — |