element-plus 通过数据控制菜单项

李恒道

element-plus默认是没有提供菜单项的数据修改的配置的
但是通过查看源码
https://github.com/element-plus/element-plus/blob/dev/packages/components/menu/src/menu.ts
可以发现
他对defaultActive属性做了监听，如果出现改变就发起更新

    watch(
      () => props.defaultActive,
      (currentActive) => {
        if (!items.value[currentActive]) {
          activeIndex.value = ''
        }
        updateActiveIndex(currentActive)
      }
    )

所以我们可以传入defaultActive，在适当时候修改defaultActive即可实现通过代码控制菜单的跳转