vue Element

Question

使用了Element的navMenu。列表是从后台拿回来的。

可是当我点开第一个菜单的时候，第二个菜单也展开了。

<el-submenu index="" v-for="(item,index) in rightBarList" :key="index">

上面的el-submenu 中的index只能写成这样啊，如果我写成:index就报错了。

<el-menu class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :router="true" :unique-opened="uniqueOpened" :default-openeds="openeds">
          <el-submenu index="index" v-for="(item,index) in rightBarList" :key="index">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span slot="title">{{item.name}}</span>
            </template>
            <el-menu-item-group>
              <el-menu-item :index="subItem.url" v-for="subItem in item.childrenMenus" :key="subItem.id">
                {{subItem.name}}
              </el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>

我看官方文档里的 <el-submenu index="1" v-for="(item,index) in rightBarList" :key="index">
里面的index是这么写的 分别是1，2，3···。
如果我想要把这里的index循环表示该怎么表示

Answer 1

已经解决了这个问题