iview 动态渲染menu时active-name无效的问题

Posted 2021-01-04 web-zqk

    动态渲染menu时，如果需要active-name，那么name只能绑定index，动态渲染的数组初始必须有一个空对象。否则无法使用active-name属性。注：仅限3.0版本，不排除新版本修复的可能！

 

<Menu active-name="0"
      :theme="processManagementTheme"
      width="auto"
      @on-select="dictionaryMenuSelect"
>
    <MenuItem v-for="(items,index) in testData" :name="index+‘‘" :key="index">{{items.name}}</MenuItem>
</Menu>

export defaule{
　　data(){
　　　　return {

　　　　　　testData:[     //放一个空对象
　　　　　　　　{
    　　　　　　　　id:‘’,
   　　　　　　 　　name:‘‘
　　　　　　　　}
　　　　　　],

　　　　}
　　}
}