iView動態生成Menu時open-names不生效的解決辦法

　　iView中的Menu導航菜單組件，爲頁面和功能提供導航的菜單列表，經常使用在網站的左側或者頂部。

　　最近作的一個Vue項目中，導航數據須要動態加載並生成，默認展開第一個submenu，激活第一個menu。以下：

          <Menu ref="side_menu" theme="dark" :active-name="activeName" :open-names="openNames" accordion>
            <Submenu :name="menu.name" v-for="menu in menuList" :key="menu.title">
              <template slot="title">
                <img :src="menu.logo">
                {{menu.title}}
              </template>
              <MenuGroup>
                <MenuItem :name="submenu.name" v-for="submenu in menu.subMenuList" :key="submenu.title" :to="submenu.url">{{ submenu.title }}</MenuItem>
              </MenuGroup>
            </Submenu>
          </Menu>

　　

    this.activeName = '1-1',
    this.openNames = ['1'],

 

可是卻出現了activeName生效，可是openNames不生效的狀況，經上網查詢，解決方案以下：

運用Menu的updateopened方法：手動更新展開的子目錄，注意要在 $nextTick 裏調用。對openNames添加watch：

  watch: {
    openNames() {
      this.$nextTick(() => {
        this.$refs.side_menu.updateOpened();
        this.$refs.side_menu.updateActiveName();
      })
    }
  },