解决：el-menu 菜单栏点击收起后label和图标不隐藏

项目场景：

项目场景：项目框架弄好，数据也联调完成了，结果要加菜单树。加上就出现问题啦，菜单栏点击收起按钮，label和图标不隐藏~

---

问题描述

菜单栏点击收起按钮，label和图标不隐藏~，如图：

---

原因分析：

我分析是状态改变了，但dom没重新渲染导致的

所以我一开始执着于用了nextTick重新设置css，试了好久还是无法解决这个问题，不知道啥玩意，最后找到个插件解决啦，记录一下。

---

解决方案：

vue-fragment - npm这个插件，主要作用是片段式的渲染

安装

npm i  vue-fragment

在main.js中引入

import Fragment from 'vue-fragment' 
Vue.use(Fragment.Plugin)

使用

包裹住el-submenu这个标签

 结束啦，这样就可以啦~