我正在使用带有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
道具设置正确,但活动菜单项类消失,因此用户不知道选择了哪个项目。