使用element-ui遍历数据报错如下：[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "1", got Number with value 1

错误截图：

 

错误原因：

element-ui中菜单组件的index的值类型必须是字符串型，我绑定了index属性并且赋值为num数值类型，所以报错。

<el-submenu
     :index="index + 1"
     :key="index"
     v-for="(item, index) in menus"></el-submenu>

解决方案：

只需要将:index属性值改为字符串型即可，

<el-submenu
     :index="index + 1 + ''"
     :key="index"
     v-for="(item, index) in menus"></el-submenu>

完美解决：