iview 爬坑 menu

iview menu 动态数据绑定
menu绑定非动态数据是正常的,而绑定动态数据,需要手动更新activeMenu
第一:为menu绑定 ref 例如:
ref="side_menu" :active-name="activeMenu=='/index/'?'/index':activeMenu" theme="dark" width="auto" @on-select="selectMenu" accordion>
第二:activeMenu改变时,手动更新
this.$nextTick(() => {
this.$refs. side_menu.updateOpened()
this.$refs. side_menu.updateActiveName()
})

把上面的代码加入到activeMenu之后,就会自动更新activeMenu

写的不是很详细,不过可以大概了解

你可能感兴趣的:(web)