关于使用element-ui导航菜单栏NavMenu报错index无效问题！！！

最新推荐文章于 2023-04-24 17:41:52 发布
最新推荐文章于 2023-04-24 17:41:52 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： element-ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35283993/article/details/108026602
版权

在这里插入图片描述

**

报错非常苦恼，去官方文档看了看发现index必须使用string/null数据类型，首先没有先百度，总是算是动脑子了，在这里插入图片描述

**
多么基础的错误，接口给我返回的是number，使用toString()转换一下方可，
写代码中很多类似错误问题，比如使用js的forEach() 方法报错，该方法用于调用数组的每个元素，并将元素传递给回调函数，使用该方法的数据是对象就不可用。。。。类似等等

柴火棒_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
elementui 菜单标题_element-ui的NavMenu 导航菜单疑问？
weixin_40008644的博客
12-24 935
首先，我们从结构上来看，这段代码里面，用到的组件从上到下分别是：el-menu, el-submenu, el-menu-item-group, el-menu-item那么这几个组件之间的层级关系到底是什么样的呢，我们看一下element的源码这里我只贴template部分，主要是为了看清结构首先是el-menu:class="{'el-menu--horizontal': mode === '...
element NavMenu 导航菜单 报错
qq_46376192的博客
01-13 100
[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "145", got Number with value 145. found in ---> at packages/menu/src/submenu.vue at packages/menu/src/menu.vue
Element Plus关于Menu 菜单的报错
u014783334的博客
05-19 2155
复制代码运行，一直报错，如下 element plus官方demo <el-menu active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo" default-active="2" text-color="#fff" @open="handleOpen" @close="handl
Element UI中 el-menu 组件 index 动态传参报错
weixin_46221897的博客
03-10 2946
在这里保存原因是 index 为String属性，但传入的值为 Number 类型 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" > <el-menu-item v-for="(item,index) in ExportBoxNav"
el-menu的index报错
Principal_Z的博客
10-31 1140
使用 el-menu 的抗 在使用 el-menu 组件进行实现页面布局,一直弹出下面的错误 错误: 解决方法: 此处index接受的id 为 数字型, 需要把 id 转成 字符串即可
el-menu-item循环index问题
qq_34345165的博客
04-21 1975
使用element-ui的菜单，在SubMenu Attribute中有一个index的属性，如果index的值从后端传入，则可能出现这个错误。 解决办法： index的值不能有空格，并且要为字符串类型，我上面的错误就是因为jc.eid是一个int型。将其转为字符串就不会报错了。 ...
Element-Ui组件 NavMenu 导航菜单的具体使用
10-16
NavMenu是Element-UI中的一个核心组件，用于创建导航菜单，可以支持水平和垂直两种模式，适用于各种类型的应用场景。 ### 基础用法 1. **水平导航菜单**： 在水平模式下，`el-menu`组件可以通过`:default-active`...
element-ui 实现响应式导航栏的示例代码
10-15
在本文中，我们将深入探讨如何使用Element UI框架实现响应式导航栏。Element UI 是一个基于 Vue.js 的组件库，提供了丰富的UI元素，用于快速构建美观的前端界面。然而，它默认并不提供传统的顶部导航栏组件，因此...
element-ui@2.13.2.rar
05-29
5. **导航组件**：菜单（menu）、面包屑（breadcrumb）、导航栏（nav-bar）、标签页（tabs）等，构建网站导航结构。 6. **弹出层组件**：对话框（dialog）、通知（notification）、模态框（modal）等，用于临时显示...
vue elementUI使用tabs与导航栏联动
10-16
主要为大家详细介绍了vue elementUI使用tabs与导航栏联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
elementUI导航菜单中切换菜单项后页面跳转了但是选中菜单项不变或者与点击项不一致问题
jiangjunyuan168的博客
10-25 5419
菜单项是否选中就是看 default-active 绑定的值是哪个菜单项的 index 值，所以我们在路由跳转后将 default-active 绑定的值切换为当前菜单项的 index 值即可。将 index 值设置为菜单项的路由路径，点击后直接进行路由跳转，然后将 default-active 绑定为路由跳转完后的当前路由路径。比如下方中从博客切换到标签，正常情况下选中的菜单项应该是标签（标签高亮），但是现在选中的菜单项依旧是博客或者其他菜单项。
element-ui中NavMenu导航菜单路由跳转时无法切换菜单状态
太极梦龙的博客
11-19 5741
问题说明 使用element-ui的NavMenu导航菜单时发现一个问题,当在二级页面通过事件使用$router.push('/article')方法切回到article页面时,导航菜单无法正确显示当前页面的菜单项,还依旧停留在上个页面 问题解决: 从官网发现,该属性可以解决这个问题 在el-menu标签中添加该属性,并绑定该属性值为跳转页面的哈希值,从而实现当前页面的菜单激活 ok,问题...
解决initial-index不生效问题
Y_seaboy的博客
04-24 1144
场景：多个图片共用一个preview-src-list预览数组，点击查看按钮，动态设置initial-index不生效，每次预览显示都是第一张图。
element plus 动态路由无效问题（已解决）
weixin_38565317的博客
10-25 865
Vue3 动态路由无效问题解决
前端学习笔记之使用element ui编写侧边导航时遇到对的错误
Noyade的博客
11-10 142
编写侧边导航出现以下问题，查看官方文档，文档显示的是subMenu的index是字符串类型和null 但是我写的数据确实是字符串问题 只需要在后面加上即可
element 导航菜单 v-for 绑定菜单 index一直报错，Invalid prop: type check failed for prop "index"......
weixin_41894940的博客
09-26 1006
如上图所示，功能能正常使用，就是有报错，原因是index 的值 官方api 说的index的值类型是 string/null, 循环绑定的时候key是number,在后面加一个 ‘’空串 即可。第一次用element的小坑。 如图所示 ...
解决ElementUI导航栏重复点菜单报错问题
m0_49515138的博客
01-18 850
在使用ElementUI中的导航时，默认情况下如果重复点击某选项，会报错。
Element -Ui之NavMenu导航栏
热门推荐
m0_50007683的博客
05-03 1万+
一、NavMenu重要标签和参数说明 mode：导航栏的模式，默认值vertical 导航栏处于垂直状态，改为horizonta可变为水平模式。 index：唯一标志。 default-active：激活当前菜单的index。 router： 是否使用路由，启用后可以通过index作为地址进行跳转。 <el-menu-item index="1">导航栏中的子菜单标签。 <el-submenu> 生成二级菜单。 代码实现..
Element UI学习4--NavMenu 导航菜单
hanrabbit的博客
01-07 1697
1、顶栏 导航菜单默认为垂直模式，通过mode属性可以使导航菜单变更为水平模式。 在菜单中通过submenu组件可以生成二级菜单。 <tamplate> <div> <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <!-- s
【ASP.NET编程知识】Element NavMenu导航菜单的使用方法.docx
最新发布
05-20
Element NavMenu是一个常用的导航菜单组件，在ASP.NET编程中可以使用它来创建网站的导航栏。该组件提供了丰富的特性和选项，可以满足不同的导航需求。本文将介绍如何使用Element NavMenu导航菜单组件。 二、组件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值