element-ui的第三級導航菜單被同時展開或收起

element ui的三級導航菜單，點擊任意一個第二級導航時，所有的三級導航都會被展開

如圖，當我點擊二級菜單如攝像頭時，wifi和攝像頭的子菜單都會同時展開或關閉
代碼部分：

<template v-for="item in items">

                        <el-submenu :index="item.index">
                            <template slot="title">
                                <img :src="item.icon" alt="">{{ item.title }}
                            </template>
                            <template v-for="(subItem,i) in item.subs" >
                                    <template v-if="subItem.sonSubs">
                                        <el-submenu   :index="subItem.index">
                                            <template slot="title">
                                                <img :src="'../../../static/img/'+subItem.mark+'.svg'" alt="">{{ subItem.title }}
                                            </template>
                                            <el-menu-item v-for="(sonSubItem,r) in subItem.sonSubs"  :index="sonSubItem.index">
                                                <img :src="'../../../static/img/'+sonSubItem.mark+'.svg'" alt="">{{sonSubItem.title}}
                                            </el-menu-item>
                                        </el-submenu>
                                    </template>
                                </template>
                        </el-submenu>
            </template>