作者简介
引言
导航
✪ Vue开发实例目录总索引
◄ 上一篇【9】按钮的使用
► 下一篇【11】el-menu实现左侧菜单导航
属性说明：
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 类型 | string | primary / success / warning / danger / info | default |
| underline | 是否下划线 | boolean | — | true |
| disabled | 是否禁用状态 | boolean | — | false |
| href | 原生 href 属性 | string | — | - |
| icon | 图标类名 | string | — | - |
基础用法
<div>
<el-link href="https://www.baidu.com" target="_blank">默认链接</el-link>
<el-link type="primary">主要链接</el-link>
<el-link type="success">成功链接</el-link>
<el-link type="warning">警告链接</el-link>
<el-link type="danger">危险链接</el-link>
<el-link type="info">信息链接</el-link>
</div>
禁用
<div>
<el-link href="https://www.baidu.com" target="_blank" disabled>默认链接</el-link>
<el-link type="primary" disabled>主要链接</el-link>
<el-link type="success" disabled>成功链接</el-link>
<el-link type="warning" disabled>警告链接</el-link>
<el-link type="danger" disabled>危险链接</el-link>
<el-link type="info" disabled>信息链接</el-link>
</div>
下划线
<div>
<el-link href="https://www.baidu.com" target="_blank" :underline="false">默认链接</el-link>
<el-link type="primary" :underline="false">主要链接</el-link>
<el-link type="success" :underline="false">成功链接</el-link>
<el-link type="warning" :underline="false">警告链接</el-link>
<el-link type="danger" :underline="false">危险链接</el-link>
<el-link type="info" :underline="false">信息链接</el-link>
</div>
图标
<div>
<el-link icon="el-icon-edit">编辑</el-link>
<el-link>查看<i class="el-icon-view el-icon--right"></i> </el-link>
</div>
小结
这节总结了“Link 文字链接”，希望能对大家有所帮助，请各位小伙伴帮忙 【点赞】+【收藏】+ 【评论区打卡】， 如果有兴趣跟小明哥一起学习Java的，【关注一波】不迷路哦。
请到文章下方帮忙【一键三连】谢谢哈！
导航
✪ Vue开发实例目录总索引
◄ 上一篇【9】按钮的使用
► 下一篇【11】el-menu实现左侧菜单导航
热门专栏推荐
【1】Java小游戏（俄罗斯方块、植物大战僵尸等）
【2】JavaWeb项目实战（图书管理、宿舍管理等）
【3】JavaScript精彩实例（飞机大战、验证码等）
【4】Java小白入门200例
【5】从零学Java、趣学Java
【6】IDEA从零到精通
