vue-element-admin sildebar 数字角标

对于 Vue Element Admin 的侧边栏数字角标，你可以通过以下步骤来实现：

1. 在侧边栏菜单的数据源中添加一个字段来存储数字角标的值，如 `badge`。
2. 在侧边栏菜单的渲染逻辑中，通过条件判断来决定是否显示数字角标。
3. 使用 Vue 组件的 `v-if` 或者 `v-show` 指令，根据 `badge` 的值来决定是否显示角标。
4. 在显示角标的地方，使用 Vue Element Admin 提供的 `Badge` 组件来展示数字角标。

下面是一个示例代码：

<template>
  <div>
    <el-menu>
      <el-submenu v-for="item in menuList" :key="item.id" :index="item.id.toString()">
        <template slot="title">
          <span>{{ item.title }}</span>
          <el-badge v-if="item.badge" :value="item.badge" class="item-badge"></el-badge>
        </template>
        <el-menu-item v-for="subItem in item.subMenu" :key="subItem.id" :index="subItem.id.toString()">
          {{ subItem.title }}
        </el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      menuList: [
        {
          id: 1,
          title: '菜单1',
          badge: 5, // 数字角标的值
          subMenu: [
            {
              id: 11,
              title: '子菜单1'
            },
            {
              id: 12,
              title: '子菜单2'
            }
          ]
        },
        {
          id: 2,
          title: '菜单2',
          subMenu: [
            {
              id: 21,
              title: '子菜单3'
            },
            {
              id: 22,
              title: '子菜单4'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style>
.item-badge {
  margin-left: 5px;
}
</style>

在上述示例中，`menuList` 数组存储了侧边栏菜单的数据，每个菜单项可以设置 `badge` 字段来表示数字角标的值。在渲染侧边栏菜单时，通过 `v-if` 条件判断来决定是否显示 `Badge` 组件，并将 `badge` 的值传递给 `Badge` 组件的 `value` 属性。

请根据你的实际需求修改示例代码中的数据和样式，以适应你的项目。