Invalid prop: type check failed for prop “index“. Expected String with value “5“问题解决

前几天一个月薪35k的兄弟，给我推了一个人工智能学习网站，看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有，很详细，分享给大家。大家及时保存，说不定啥时候就没了。

Invalid prop: type check failed for prop “index”. Expected String with value "5"问题解决

在elementUI导航组件中加入后台数据驱动循环生成导航时会报如下错误


这里的错误是由index引起的，index的值必须是字符串，而且是单一的。

源代码

<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
      <el-submenu index="1">
        <template slot="title">导航一</template>
          <el-menu-item index="1-1">选项1</el-menu-item>
          <el-menu-item index="1-2">选项2</el-menu-item>
      </el-submenu>
    </el-menu>

解决

将index的值转化为字符串格式
可以这么干：:index=“String(index)”
也可以这么干：:index=" index + ’ ’ "