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