Link
Text hyperlink
Basic
Basic text link
Disabled
Disabled state of link
Underline
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>Icon
Link with icon
TIP
Use the icon attribute to add icon. You can pass either string for the component name (registered in advance) or the component itself which is a SVG Vue component. Element Plus has provided a set of icon that you can find at icon
API
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| type | type | enum | default |
| underline | when underlines should appear | enum | hover |
| disabled | whether the component is disabled | boolean | false |
| href | same as native hyperlink's href | string | — |
| target | same as native hyperlink's target | enum | _self |
| icon | icon component | string / Component | — |
Slots
| Name | Description |
|---|---|
| default | customize default content |
| icon | customize icon component |
Source
Contributors
