简介

链接是一种跳转至其它页面或当前页面指定位置的组件。

使用场景

• 跳转到系统中其他页面
• 打开外部站点
• 跳到同一页面的其他元素

何时不使用：若在当前页面触发操作或改变状态，应使用按钮组件，不使用链接组件。

代码演示

类型

样式及状态

尺寸

图标

最大宽度与省略号

---

API

属性

属性	说明	类型	可选值	默认值
type	类型	string	default/normal/primary/info/success/warning/danger	default
size	尺寸	string	micro/mini/small	small
underline	下划线	boolean	true/false	false
disabled	禁用	boolean	true/false	false
href	跳转链接	string	—	—
target	跳转方式	string	_self/_blank	_self
leftIcon	左侧图标	string	—	—
rightIcon	右侧图标	string	—	—
text	文本	string	—	—
maxWidth	最大宽度	string	—	—

事件

事件名	说明	回调参数
click	点击时触发	event

Slot

名称	说明
默认	链接内容

---

设计说明

• 颜色、尺寸、下划线、禁用等细节严格参考设计规范。
• 支持 slot 自定义内容。
• 支持图标、跳转、外链、禁用等。
• 每种类型都有三种状态：正常、点击和禁用，点击状态会显示较深的颜色，禁用状态会显示较浅的颜色。
• 链接提供三种尺寸：
  • micro：12px 字号，适用于极小空间
  • mini：13px 字号，适用于小空间
  • small：14px 字号，适用于一般场景（默认）
• 支持通过 maxWidth 属性设置最大宽度，超出部分将显示省略号，适用于空间有限的场景

---

预览

打开预览