ElementPlus Link 文字鏈接

Link 文字鏈接

文字超鏈接

基礎(chǔ)用法

基礎(chǔ)的文字鏈接用法。

<template>
  <div>
  <el-link  rel="external nofollow" target="_blank"  target="_blank">默認(rèn)鏈接</el-link>
  <el-link type="primary">主要鏈接</el-link>
  <el-link type="success">成功鏈接</el-link>
  <el-link type="warning">警告鏈接</el-link>
  <el-link type="danger">危險(xiǎn)鏈接</el-link>
  <el-link type="info">信息鏈接</el-link>
</div>
</template>

禁用狀態(tài)

文字鏈接不可用狀態(tài)。

<template>
  <div>
  <el-link disabled>默認(rèn)鏈接</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>危險(xiǎn)鏈接</el-link>
  <el-link type="info" disabled>信息鏈接</el-link>
</div>
</template>
 

圖標(biāo)

帶圖標(biāo)的文字鏈接可增強(qiáng)辨識(shí)度。

<template>
  <div>
  <el-link icon="el-icon-edit">編輯</el-link>
  <el-link>查看<i class="el-icon-view el-icon--right"></i> </el-link>
</div>
</template>

下劃線(xiàn)

文字鏈接下劃線(xiàn)。

<template>
  <div>
  <el-link icon="el-icon-edit">編輯</el-link>
  <el-link>查看<i class="el-icon-view el-icon--right"></i> </el-link>
</div>
</template>

Attributes