在使用vue 和element UI做循环遍历的时候遇到了如下问题:
<el-menu-item-group v-for="(subItem, index) in item.children" :key="subItem.path" :index="subItem.path">
<el-menu-item :index="index" >{{ subItem.label }}</el-menu-item>
</el-menu-item-group>
原因:
无效的属性:属性“索引”的类型检查失败。应为字符串,未定义。
解决方案:
因为我们给 index赋的是数字,但它需要的是字符串,vue的单向绑定是支持js表达式的,所以可以直接拼接一个字符串即可::index="index + ‘ ’ "
<el-menu-item-group v-for="(subItem, index) in item.children" :key="subItem.path" :index="subItem.path">
<el-menu-item :index="index + ‘’" >{{ subItem.label }}</el-menu-item>
</el-menu-item-group>