给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>