1、html代码
<div v-for="(item, index) in routes" :index="item.index">
<div v-if="item.children">
<el-submenu :index="index">
<template slot="title">
<div v-if="!item.hidden">
<i class="el-icon-document"></i>{{item.name}}
</div>
</template>
</el-submenu>
</div>
<div v-else>
<el-menu-item :index="item.path">
<i class="el-icon-menu"></i>
{{item.name}}
</el-menu-item>
</div>
</div>
2、运行时报错
Invalid prop: type check failed for prop "index". Expected String, got Number
3、解决办法
:index="item.index+''",更改后html代码
<div v-for="(item, index) in routes" :index="item.index+''">
<div v-if="item.children">
<el-submenu :index="index+''">
<template slot="title">
<div v-if="!item.hidden">
<i class="el-icon-document"></i>{{item.name}}
</div>
</template>
</el-submenu>
</div>
<div v-else>
<el-menu-item :index="item.path+''">
<i class="el-icon-menu"></i>
{{item.name}}
</el-menu-item>
</div>
</div>
vue中给index赋值时报Invalid prop: type check failed for prop "index". Expected String, got Number
最新推荐文章于 2023-12-28 11:21:09 发布