Element的Dropdown下拉菜单点击不同选项控制菜单栏的显示或隐藏

官网上，通过设置hide-on-click来控制点击菜单项后隐藏菜单，布尔类型，默认true

 

 

 当想用Dropdown做二级菜单时，可以在el-dropdown-item里加一个下拉菜单，例如如下效果图：　　

                               

点击更多，展示一级菜单，菜单1有二级菜单，其它菜单项无二级；此时要求点击有二级菜单的菜单项后，菜单栏显示，点击无二级菜单即只有一级菜单的菜单项后，菜单栏隐藏。

下拉菜单设置hide-on-click默认false，那么可通过切换菜单项控制hide-on-click的属性吗？

经过试验，此方法不行，hide-on-click为true时再点击才能隐藏。

再想：通过观察发现菜单栏显示隐藏是通过设置v-show，那么我们可以能通过修改v-show的变量控制显示隐藏吗？

 

 

 

 

 

 

 

 

 

 

官网上，通过设置hide-on-click来控制点击菜单项后隐藏菜单，布尔类型，默认true

 

 

 当想用Dropdown做二级菜单时，可以在el-dropdown-item里加一个下拉菜单，例如如下效果图：　　

                               

点击更多，展示一级菜单，菜单1有二级菜单，其它菜单项无二级；此时要求点击有二级菜单的菜单项后，菜单栏显示，点击无二级菜单即只有一级菜单的菜单项后，菜单栏隐藏。

下拉菜单设置hide-on-click默认false，那么可通过切换菜单项控制hide-on-click的属性吗？

经过试验，此方法不行，hide-on-click为true时再点击才能隐藏。

再想：通过观察发现菜单栏显示隐藏是通过设置v-show，那么我们可以能通过修改v-show的变量控制显示隐藏吗？

 

 

 

 

 

经操作，找到showPopper属性，修改true或false，即可以