elementui报错

错误描述:

Invalid prop: custom validator check failed for prop “index”.

代码示例

 <el-menu-item-group v-for="(item, index) in menuItem" :key="index">
     <el-menu-item :index="item.id">
          {{item.name}}
          <el-button type="info">设置</el-button>
          <el-button type="danger">删除</el-button>
      </el-menu-item>
  </el-menu-item-group>

使用element-ui的菜单，在SubMenu Attribute中有一个index的属性，如果index的值从后端传入，则可能出现这个错误。

解决办法：

index的值不能有空格，并且要为字符串类型，我上面的错误就是因为jc.eid是一个int型。将其转为字符串就不会报错了。

<el-menu-item-group v-for="(item, index) in menuItem" :key="index">
    <el-menu-item :index="item.id.toString()">
         {{item.name}}
         <el-button type="info">设置</el-button>
         <el-button type="danger">删除</el-button>
     </el-menu-item>
 </el-menu-item-group>