iview 爬坑 menu

来源:互联网 发布:淘宝助理无法显示订单 编辑:程序博客网 时间:2024/06/03 19:25
iview menu 动态数据绑定
menu绑定非动态数据是正常的,而绑定动态数据,需要手动更新activeMenu
第一:为menu绑定 ref 例如:
<Menu ref="side_menu" :active-name="activeMenu=='/index/'?'/index':activeMenu" theme="dark" width="auto" @on-select="selectMenu" accordion></Menu>
第二:activeMenu改变时,手动更新
this.$nextTick(() => {
this.$refs.side_menu.updateOpened()
this.$refs.side_menu.updateActiveName()
})

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

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