链接 Link

对应 Arco 的 Link：默认保留 Element Plus 的灰色链接，type="primary" 对应 Arco 默认主色链接。 属性用法见 Element Plus 文档。

基础类型

默认灰色与主色、状态色链接；悬停时显示 Arco 风格的浅色背景。

DefaultPrimarySuccessWarningDangerInfo

<template>
  <el-link>Default</el-link>
  <el-link type="primary">Primary</el-link>
  <el-link type="success">Success</el-link>
  <el-link type="warning">Warning</el-link>
  <el-link type="danger">Danger</el-link>
  <el-link type="info">Info</el-link>
</template>

禁用与图标

disabled 禁止交互，icon 使用 Element Plus 图标。

DisabledPrimaryEdit

<script setup lang="ts">
import { Edit } from '@element-plus/icons-vue'
</script>

<template>
  <el-link disabled>Disabled</el-link>
  <el-link type="primary" disabled>Primary</el-link>
  <el-link type="primary" :icon="Edit">Edit</el-link>
</template>

下划线

Arco 没有下划线配置，这里保留 Element Plus 的 hover、always 和 never 语义。

HoverAlwaysNever

<template>
  <el-link type="primary" underline="hover">Hover</el-link>
  <el-link type="primary" underline="always">Always</el-link>
  <el-link type="primary" underline="never">Never</el-link>
</template>

与 Arco 的差异

• 默认链接为灰色；使用 type="primary" 得到 Arco 的默认主色链接。
• underline 保留 Element Plus 语义；要统一关闭下划线，可用 ConfigProvider 的 link.underline = 'never'。