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
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
type | tipo | enum | default |
underline | when underlines should appear | enum | hover |
disabled | si el componente está deshabilitado | boolean | false |
href | lo mismo que el valor nativo del hipervínculo href | string | — |
target | same as native hyperlink's target | enum | _self |
icon | componente de icono | string / Component | — |
Slots
Nombre | Descripción |
---|---|
default | personaliza el contenido por defecto |
icon | personaliza el componente de icono |
Fuente
Componentes • Style • Documentación