怎么根据后端传输的数据显示el-submenu

要根据后端传输的数据动态显示 `el-submenu`，可以通过以下步骤实现：

1. 在 Vue 组件中定义一个数组来存储后端传输的数据，例如 `menuItems`。
2. 在 `el-menu` 中使用 `v-for` 指令遍历 `menuItems` 数组，生成对应的 `el-submenu` 和 `el-menu-item`。
3. 对于每个 `el-submenu`，可以使用 `v-if` 条件判断来判断是否需要显示。例如，可以使用 `submenu.show` 属性来判断是否需要显示该 `el-submenu`。
4. 对于每个 `el-menu-item`，可以使用 `v-if` 条件判断来判断是否需要显示。例如，可以使用 `menuItem.show` 属性来判断是否需要显示该 `el-menu-item`。

以下是代码示例：

<template>
  <el-menu>
    <template v-for="submenu in menuItems">
      <el-submenu v-if="submenu.show" :key="submenu.id" :index="submenu.id">
        <template slot="title">{{ submenu.title }}</template>
        <el-menu-item v-for="menuItem in submenu.menuItems" v-if="menuItem.show" :key="menuItem.id" :index="menuItem.id">{{ menuItem.title }}</el-menu-item>
      </el-submenu>
    </template>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      menuItems: [
        {
          id: 1,
          title: "Submenu 1",
          show: true,
          menuItems: [
            {
              id: 11,
              title: "Menu item 1-1",
              show: true
            },
            {
              id: 12,
              title: "Menu item 1-2",
              show: false
            }
          ]
        },
        {
          id: 2,
          title: "Submenu 2",
          show: false,
          menuItems: [
            {
              id: 21,
              title: "Menu item 2-1",
              show: true
            },
            {
              id: 22,
              title: "Menu item 2-2",
              show: true
            }
          ]
        }
      ]
    };
  }
};
</script>