vue使用iview导航栏Menu activeName不生效

activeName不生效

一、问题
一、解决方案，

一、问题

根据ivew官网的提示，设置了active-name和open-names以后，发现不管是设置静态是数据还是设置动态的数据，都不生效

一、解决方案，

在设置动态名称的时候，调用menu组件的两个方法
在这里插入图片描述
现在将我的代码放出来，可供参考

<div class="bottom">
      <Menu @on-select="changeMenu" :active-name="activeLocalName" ref="menu">
        <MenuItem v-for="item in LocationSelectList" :key="item.value" :name="item.value">{{ item.text }}</MenuItem>
      </Menu>

 data () {
    return {
      LocationSelectList: null,
      firstLocalName: null,
      activeLocalName: null,
      
    };
  },

 async getDetecLocaltionList () {
      await this.$store.dispatch({
        type: 'security/getDetectLocationSelectList',
        data: {},
      });
      this.LocationSelectList = this.$store.state.security.DetectLocationSelectList;
      if (this.LocationSelectList.length < 1) {
      } else {
        this.activeLocalName = this.LocationSelectList[0].value;
        // 获取到数据以后直接调用方法，我只使用到了选中高亮的方法，所以我只调用了一个
        this.$nextTick(() => {
          (this.$refs.menu).updateActiveName();
        })
       
      }


    },