使用element-ui的＜el-menu＞循环＜el-menu-item＞不会默认选中

使用element-ui的<el-menu>循环<el-menu-item>不会默认选中

问题代码:

<template v-for="(menu, i) in menuInfo">
    <el-menu-item :index="(i+1)">
        <template slot="title">
              <i :class="menu.ico"></i>
              <span>{{menu.name}}</span>
          </template>
        </el-menu-item>
</template>

原因: :index="(i+1)"的值要string类型的,而我那样写是int类型的

---

完善代码:

<template v-for="(menu, i) in menuInfo">
    <el-menu-item :index="(i+1).toString()">
        <template slot="title">
              <i :class="menu.ico"></i>
              <span>{{menu.name}}</span>
          </template>
        </el-menu-item>
</template>

解决:　使用toString()转换即可解决:index="(i+1).toString"