当前位置: 首页 > news >正文

给vue-admin-template菜单栏 sidebar-item 添加消息提示

 

<el-badge :value="200" :max="99" class="item"><el-button size="small">评论</el-button>
</el-badge>

 

<!-- 在 SidebarItem.vue 中 -->
<template><div v-if="!item.hidden" class="menu-wrapper"><template v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow"><app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)"><el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}"><svg-icon v-if="onlyOneChild.meta.icon" :icon-class="onlyOneChild.meta.icon"/><span>{{ onlyOneChild.meta.title }}</span><!-- 添加消息提示 --><el-badge v-if="onlyOneChild.meta.messageCount" :value="onlyOneChild.meta.messageCount" class="mark"></el-badge></el-menu-item></app-link></template><!-- 其他模板代码 --></div>
</template>项目:反正是 <app-link> 下面<app-link v-else :to="resolvePath(child)" :key="child.name"><el-menu-item :index="resolveMenuCode(child)"><itemv-if="child.meta":icon="child.meta.icon":title="child.meta.title"/><!-- 添加消息提示 --> <!-- 并且只有大模型菜单显示消息提示数量 --><el-badge:value="10" :max="99"class="mark"style="position: absolute; right: 75px"v-if="child.menuCode == 'LIVE-PLAY-BIGMODEL'"></el-badge></el-menu-item></app-link>

http://www.xdnf.cn/news/86851.html

相关文章:

  • 嵌入式面试高频笔试题目解析
  • Vue3-全知识点
  • Java求多点位之间的共点
  • TockOS,一种新安全软件架构的RTOS介绍
  • C# 事件知识文档
  • Cyber SpaceGuidance网安学习指南见解
  • 零基础学Python——第八章:实战项目(1-3)
  • 46.[前端开发-JavaScript高级]Day11-生成器-async和await-事件循环-队列
  • YOLO算法的革命性升级:深度解析Repulsion损失函数在目标检测中的创新应用
  • 18.1基于Linux的INPUT子系统实验(知识)_csdn
  • A2A + MCP:构建实用人工智能系统的超强组合
  • 记录:扩展欧几里得算法
  • Spark2 之 memorypool
  • Lua 第7部分 输入输出
  • this._uid:Vue 内部为每个组件实例分配的唯一 ID
  • 基于DeepSeek的文献分析系统
  • 模型 螃蟹效应
  • 详解Windows(七)——更新管理
  • uView的u-modal不显示问题
  • 若依框架二次开发——若依 Vue3 版本前端样式优化指南
  • Spark-streaming(一)
  • 第 1.4 节: G1 人形机器人足球项目定义与课程路线
  • LSTM如何解决梯度消失问题
  • uv包管理器如何安装依赖?
  • 火语言RPA--Ftp删除目录
  • 衡石ChatBI:依托开放架构构建技术驱动的差异化数据服务
  • 现有一整型数组,a[8] = { 4,8,7,0,3,5,9,1},现使用堆排序的方式原地对该数组进行升序排列。那么在进行第一轮排序结束之后,数组的顺序为?
  • 示例:spring xml+注解混合配置
  • FastAPI WebSocket 聊天应用详细教程
  • 搭建 Spark - Local 模式:开启数据处理之旅