menu无法调用updateActiveName和updateOpened

Question

Menu菜单是动态生成的,在created和watch里面调用updateActiveName和updateOpened，总是报无定义。

<Menu  ref="sideMenu" width="auto" theme="light"  v-for="(menuItem, menuIndex) in treeModule" :key="menuIndex" :open-names="openItems" :active-name="activeItem">

created() {
    this.openItems = [4];
    this.activeItem='4-1';
    this.$nextTick(() => {
      this.$refs.sideMenu.updateOpened()
      this.$refs.sideMenu.updateActiveName()
    });
  },
  watch: {
    // 监听展开的子目录，更新
    openItems() {
      this.openItems = [0];
      this.activeItem='0-1';
      this.$nextTick(() => {
        this.$refs.sideMenu.updateActiveName()
        this.$refs.sideMenu.updateOpened()
      });
    },
}

Answer 1

已解决。
Menu的循环不能写在<Menu>中，这样导致生成menu是一个Array对象。
改为

 <Menu ref="sideMenu" width="auto" theme="light" :open-names="openItems" :active-name="activeItem">
         <template v-for="(menuItem, menuIndex) in treeModule">