menu key

src/dashoo.cn/frontend_web/src/components/sidebar.vue

@@ -25,27 +25,27 @@
       :collapse-transition="false"
     >
       <template v-for="(item, index) in menus">
-        <el-menu-item v-if="!item.children" :index="item.url" :key="item" >
+        <el-menu-item v-if="!item.children" :index="item.url" :key="item.id" >
           <i :class="'icon-before icon-'+item.icon" style="padding-top: 5px; margin-right: 10px;"></i>
           <span slot="title">{{ item.name }}</span>
         </el-menu-item>
 
-        <el-submenu v-if="item.children" :index="item.name" :key="item">
+        <el-submenu v-if="item.children" :index="item.name" :key="item.id">
           <template slot="title">
             <i :class="'icon-before icon-'+item.icon" style="padding-top: 5px; margin-right: 10px;"></i>
             <span slot="title">{{ item.name }}</span>
           </template>
           <template v-if="item.children" v-for="sub in item.children" >
-            <el-menu-item v-if="!sub.children"  :index="sub.url"  :key="sub">
+            <el-menu-item v-if="!sub.children"  :index="sub.url"  :key="sub.id">
                 <!--<i :class="'icon-before icon-'+sub.icon" style="padding-top: 5px; margin-right: 10px;"></i>-->
                 <span slot="title">{{ sub.name }}</span>
             </el-menu-item>
-            <el-submenu v-if="sub.children" :index="sub.name" :key="sub">
+            <el-submenu v-if="sub.children" :index="sub.name" :key="sub.id">
               <template slot="title">
                 <i :class="'icon-before icon-'+sub.icon" style="padding-top: 5px; margin-right: 10px;"></i>
                 <span slot="title">{{ sub.name }}</span>
               </template>
-              <el-menu-item v-for="sub2 in sub.children" :index="sub2.url" :key="sub2">
+              <el-menu-item v-for="sub2 in sub.children" :index="sub2.url" :key="sub2.id">
                 <span slot="title">{{ sub2.name }}</span>
               </el-menu-item>
             </el-submenu>