Vue——解决[Vue warn]: Invalid prop: custom validator check failed for prop "index". found in错误

最新推荐文章于 2025-04-21 23:18:25 发布

原创最新推荐文章于 2025-04-21 23:18:25 发布 · 3.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#el-menu #前端

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在Element UI框架中，如何正确设置菜单项的index属性。指出该属性必须为字符串类型，而非数字，以确保菜单项的正常显示与交互。

<el-menu class="el-menu-vertical-demo" style="height:517px;overflow-y: scroll" @select="select">
  <template v-for="(setting) in settings">
     <el-menu-item :key="setting.id" :index="setting.id.toString()">
        <span slot="title">{{ setting.name }}</span>
     </el-menu-item>
  </template>
</el-menu>

index属性不能为Number，必须为String