[Vue warn]: Invalid prop: custom validator check failed for prop “index“

「槿玥」

于 2022-07-10 17:15:53 发布

阅读量639

点赞数 5

文章标签：前端 elementui javascript vue.js

本文链接：https://blog.csdn.net/m0_63775072/article/details/125707990

版权

前言：本人正在看b站敲后台管理项目，遇到的报错问题以及解决方法

报错：

翻译报错原因：要求一个String字符串类型的index数据，但是index数据类型不是，我们只需 + ’ ' 拼接即可。

原代码：

修改代码：

 <el-menu
    default-active="1-4-1"
    class="el-menu-vertical-demo"
    @open="handleOpen"
    @close="handleClose"
    :collapse="isCollapse"
  >
    <el-menu-item
      v-for="item in noChildren"
      :index="item.path"
      :key="item.path"
    >
      <i :class="'el-icon-' + item.icon"></i>
      <span slot="title">{{ item.label }}</span>
    </el-menu-item>
    <el-submenu
      v-for="item in hasChildren"
      :index="item.path + ''"
      :key="item.path"
    >
      <template slot="title">
        <i :class="'el-icon-' + item.icon"></i>
        <span slot="title">{{ item.label }}</span>
      </template>
      <el-menu-item-group
        v-for="(subItem, subIndex) in item.children"
        :key="item.path"
      >
        <el-menu-item :index="subIndex + ''">{{ subItem.label }}</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>