使用element-ui在vue项目中,使用NavMenu 导航菜单加入循环会有如下警告
代码如下:
<el-submenu v-for="(item, index) in hasChild" :index="index" :key="index">
<template slot="title">
<i :class="'el-icon-' + item.icon" />
<span>{{ item.label }}</span>
</template>
<el-menu-item
:index="childItem.path"
v-for="childItem in item.children"
:key="childItem.path"
@click="clickMenu(childItem)"
>
<i :class="'el-icon-' + item.icon" />
<span>{{ childItem.label }}</span>
</el-menu-item>
</el-submenu>
错误如下:
解决办法:
将index拼成字符串,就可以轻松解决啦