Link 链接 ​

文字超链接

基础用法 ​

基础的文字链接用法。

禁用状态 ​

文字链接不可用状态。

下划线 ​

控制下划线是否出现

WARNING

属性 boolean 值 将在 3.0.0 版本中被移除，请考虑切换至新的 API。

TIP

从 2.9.9 开始，你可以使用 'always' | 'hover' | 'never' 来控制是否显示下划线。 文档中的示例将都使用这些值。 如果您使用的版本 低于 2.9.9，请参考：

vue
<template>
  <!-- works before 2.9.9, use 'hover' after, removed in 3.0.0 -->
  <el-link underline>link</el-link>
  <!-- works before 2.9.9, use 'never' after, removed in 3.0.0 -->
  <el-link :underline="false">link</el-link>
</template>

图标 ​

带图标的链接

TIP

使用 icon 属性来为按钮添加图标。 您可以传递组件名称的字符串（提前注册）或组件本身是一个 SVG Vue 组件。 Element Plus 提供了一组图标，您可以在 icon component

Attributes ​

属性名说明类型默认值
type类型enumdefault
underline控制下划线是否出现enumhover
disabled是否禁用状态booleanfalse
href原生 href 属性string—
target同原生 target 属性enum_self
icon图标组件string / Component—

Slots ​

插槽名说明
default自定义默认内容
icon自定义图标组件

源代码 ​

组件 • 样式 • 文档

贡献者 ​