组件-Element—Badge（标记）

最新推荐文章于 2024-07-11 15:44:23 发布

ForeverJPB.

最新推荐文章于 2024-07-11 15:44:23 发布

阅读量4.2k

点赞数 2

分类专栏：组件---Element 文章标签： Element

本文链接：https://blog.csdn.net/GU_AO_SHI_TAI_DU/article/details/94589070

版权

本文主要介绍了 Element UI 框架中的 Badge 组件，详细讲解了其基础用法、最大值设置、自定义内容以及小红点显示等功能，帮助开发者更好地在项目中应用此组件。

摘要由CSDN通过智能技术生成

组件-Element—Badge（标记）

组件—标记

基础用法
在这里插入图片描述

<el-badge :value="12" class="item">
  <el-button size="small">评论</el-button>
</el-badge>
<el-badge :value="3" class="item">
  <el-button size="small">回复</el-button>
</el-badge>
<el-badge :value="1" class="item" type="primary">
  <el-button size="small">评论</el-button>
</el-badge>
<el-badge :value="2" class="item" type="warning">
  <el-button size="small">回复</el-button>
</el-badge>

<el-dropdown trigger="click">
  <span class="el-dropdown-link">
    点我查看<i class