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

news/2024/5/19 15:14:56/文章来源:https://blog.csdn.net/jiuliangliang/article/details/137350228

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();})}},