v-for 循环element-ui菜单

vue 使用了element-ui的菜单组件,

这个组件的el-menu-item项上,有一个属性index,值是字符串类型,

在使用v-for的index时,它是一个数值型,所以如果直接写index,运行后,会在浏览器的控制台中报错误,虽然不影响运行,

修改成如下就不报错了

 

<!-- :index 要是字符串类型,而for中的index是数值,如果直接写会报错,但不影响运行.所以加个空转为字符串型就不错了 -->

<el-menu-item :index="(index+'')" v-for="(item,index) in this.menus" :key="index">

<span @click="toPath(item.url)">{{item.title}}</span>

</el-menu-item>