Vue.js + Element - 切换菜单时丢失活动菜单项类

时间:2018-02-19 10:06:53

标签: javascript vue.js vuejs2 vuex element-ui

我正在使用带有Vue.js 2+的Element.eleme.io UI库并构建垂直侧边栏(docs:http://element.eleme.io/#/en-US/component/menu

问题是,当我切换菜单以展开/折叠时,我丢失了当前所选/活动的菜单项(例如,在文档中它总是反转为默认菜单项) - 如何在此切换之间保持它?

目前我甚至创建了default-active道具的计算值,但它仍然无法按照我的意愿行事:

<el-menu
  default-active='activeSideMenuItemIndex' // computed value that gets active index from the store
  @select='updateSelectedMenuIndex' // action to update activeSideMenuItemIndex in vuex store
  :collapse='isCollapsed'
>

有趣/奇怪的是,在切换菜单后,default-active道具设置正确,但活动菜单项类消失,因此用户不知道选择了哪个项目。

0 个答案:

没有答案