基础的文字链接用法
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ff9c87e4d9607edef821a987f380c26a.jpeg)
<div>
<el-link href="https://element.eleme.io" 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>
文字链接不可用状态
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cd5c2af1ffad3ef5b6998549d128dd95.jpeg)
<div>
<el-link 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>
文字链接下划线
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5f850614eeae1162a2b9ce3a326900fd.jpeg)
<div>
<el-link :underline="false">无下划线</el-link>
<el-link>有下划线</el-link>
</div>
带图标的文字链接可增强辨识度。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/27b44fec8b19335597a012bbbea7a333.jpeg)
<div>
<el-link icon="el-icon-edit">编辑</el-link>
<el-link>查看<i class="el-icon-view el-icon--right"></i> </el-link>
</div>
Attributes
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2a13b7745a6fa0e21fdae3795a7b8519.jpeg)