el-submenu 动态渲染菜单

`el-submenu`是Element UI库中的一个组件，它用于创建动态加载的下拉菜单。在Vue.js应用中，如果你想根据数据的变化动态地渲染子菜单，可以这样做：

1. 定义一个数组或对象，包含菜单项的数据，包括标题、路径以及子菜单是否展开等信息。例如：

const dynamicMenus = [
  {
    title: '一级菜单',
    submenu: [
      { title: '二级菜单1', path: '/submenu1' },
      { title: '二级菜单2', path: '/submenu2' }
    ]
  }
];

2. 使用v-for指令遍历这个数组，并将每个子菜单作为`el-submenu`的子元素添加到父菜单下：

<template>
  <el-menu default-active="1" :dynamic="true">
    <el-submenu v-for="(item, index) in dynamicMenus" :index="index">
      <template slot="title">{{ item.title }}</template>
      <el-menu-item v-for="subItem in item.submenu" :key="subItem.path" :to="{ path: subItem.path }">{{ subItem.title }}</el-menu-item>
    </el-submenu>
  </el-menu>
</template>

3. 当数据发生变化时，比如通过`v-model`绑定的数据更新，你可以使用Vue的响应式特性使得子菜单实时更新。