Link

Texto con hipervinculo

Básico

Enlace de texto básico

Deshabilitar

Deshabilita el hipervínculo

Subrayado

Controlling when underlines should appear

WARNING

The boolean value has been deprecated, and will be removed in 3.0.0 , consider switching to new values.

TIP

Starting from 2.9.9 , you can use 'always' | 'hover' | 'never' to control when underlines should appear. The examples in the document all use these values. If you are using a version less than 2.9.9 , please refer to:

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>

Icono

Enlace con icono

TIP

Use el atributo icon para agregar un icono. Puede pasarle ya sea el nombre del componente (registrado de antemano) o el propio componente que es un componente SVG Vue. Element Plus ha proporcionado un conjunto de iconos que puedes encontrar en icono

API

Atributos

NombreDescripciónTipoPor defecto
typetipoenumdefault
underlinewhen underlines should appearenumhover
disabledsi el componente está deshabilitadobooleanfalse
hreflo mismo que el valor nativo del hipervínculo hrefstring
targetsame as native hyperlink's targetenum_self
iconcomponente de iconostring / Component

Slots

NombreDescripción
defaultpersonaliza el contenido por defecto
iconpersonaliza el componente de icono

Fuente

ComponentesStyleDocumentación

Contribuidores