链接 Link

链接的基本用法。

可以通过 hoverable 属性设置是否在悬浮状态时隐藏底色。

通过 icon 设置带图标的链接，设置为 true 时候显示默认图标。

通过 icon-tooltip 可以为图标区域补充提示文案。仅图标链接默认不会展示 hover 底色，如有需要可手动传入 hoverable。

默认内容区域内置 sd-performant-ellipsis，默认开启单行省略；可以通过 ellipsis-line-clamp、ellipsis-expand-trigger 和 tooltip 插槽控制省略行为。

通过设置 loading 可以让链接处于加载中状态。处于加载中状态的链接不会触发点击事件。

链接的状态分为 normal - 正常（默认）、success - 成功、warning - 警告、danger - 危险四种。

API

参数名	描述	类型	默认值	版本
href	链接地址	`string`	`-`
status	链接的状态	`'normal' \| 'warning' \| 'success' \| 'danger'`	`'normal'`
hoverable	鼠标悬浮时是否展示底色。不传时，带正文的链接默认为 `true`，仅图标链接默认为 `false`	`boolean`	`-`	2.7.0
icon	图标	`boolean`	`false`	2.7.0
ellipsis	是否开启默认内容省略	`boolean`	`true`
ellipsis-line-clamp	默认内容省略的最大显示行数	`number \| string`	`-`
ellipsis-expand-trigger	省略内容的展开触发方式	`'click'`	`-`
ellipsis-tooltip	省略时是否展示提示。可传入 Tooltip 属性	`boolean \| EllipsisTooltipProps`	`true`
icon-tooltip	图标提示文案	`string`	`-`
loading	链接是否为加载中状态	`boolean`	`false`	2.37.0
disabled	链接是否禁用	`boolean`	`false`

事件名	描述	参数
click	点击时触发	ev: `MouseEvent`