解决el-menu动态渲染菜单数据后折叠菜单栏时文字不隐藏
1,安装 vue-fragment
cnpm i vue-fragment --save
2,在main.js中引入
// main.js
import Fragment from ‘vue-fragment’
Vue.use(Fragment.Plugin)
3,使用fragment标签
<fragment v-for="item in menuData" :key="item.id">
<el-submenu v-if="!item.children" :index="item.id" >
<template slot="title">
<span slot="title">{{item.menuName}}</span>
</template>
<el-menu-item v-for="item1 in item.children" :index="item1.menuId" :key="item1.menuId">
<span slot="title">{{item1.menuName}}</span>
</el-menu-item>
</el-submenu>
<el-menu-item v-else :index="item.menuId" :key="item.menuId">
<span slot="title">{{item.menuName}}</span>
</el-menu-item>
</fragment>