首页 > 其他分享 >使用el-aside侧边栏 控制台出现警告

使用el-aside侧边栏 控制台出现警告

时间:2023-08-12 10:04:06浏览次数:39  
标签:el vue index aside ElSubmenu 组件 控制台 src 属性

使用el-aside后的警告如下 ==[Vue warn]: Missing required prop: "index"==

==found in==

==<ElSubmenu> at packages/menu/src/submenu.vue== ==<ElMenu> at packages/menu/src/menu.vue== ==<ElAside> at packages/aside/src/main.vue== ==<ElContainer> at packages/container/src/main.vue== ==<PubilcView> at src/views/pubilcView.vue== ==<App> at src/App.vue== ==<Root>== 这个警告是因为 ElSubmenu 组件缺少 index 属性,需要在使用 ElSubmenu 组件时传入 index 属性。ElSubmenu 组件的 index 属性是必须的,用于标识当前子菜单的唯一标识符。以下是解决这个警告的步骤:

  1. 在使用 ElSubmenu 组件时,为其添加 index 属性,例如:
<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-menu-item index="1-3">选项3</el-menu-item>
</el-submenu>
  1. 为每个 ElSubmenu 组件添加唯一的 index 属性值,以避免重复。

  2. 如果 ElSubmenu 组件是通过循环生成的,可以将 index 属性值作为循环变量的值来动态生成。

  3. 确保每个 ElSubmenu 组件都有 index 属性,以避免出现这个警告。

以上是解决 ElSubmenu 组件缺少 index 属性的步骤,如果还有问题请提供更多代码和具体信息。

标签:el,vue,index,aside,ElSubmenu,组件,控制台,src,属性
From: https://blog.51cto.com/u_16217814/7056442

相关文章

  • docker 安装 Influxdb-relay 使用
    1.influxdbrelay的作用和特性数据转发:InfluxDBRelay可以从一个或多个源(input)接收数据,并将其转发到一个或多个目标(output)的InfluxDB实例中。负载均衡:Relay可以通过在多个目标实例之间分配请求来提供负载均衡,确保可伸缩性和高可用性。故障恢复:当某个目标实例发生故障时,Relay可......
  • antd vue 解决a-select下拉菜单跟随页面滚动
    问题描述:antd a-select下拉菜单会跟着滚动一块走 官方原话:getPopupContainer菜单渲染父节点。默认渲染到body上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位  解决方案:这样就ok了 :getPopupContainer="triggerNode=>triggerNode.parentNode"......
  • $elemMatch (query)
     https://www.mongodb.com/docs/manual/reference/operator/query/elemMatch/$elemMatch(query) TIPSeealso:$elemMatch(projection)Definition $elemMatch The $elemMatch operatormatchesdocumentsthatcontainanarrayfieldwithatleasto......
  • 利用IPV6随时访问家中影音Jellyfin
    本文章主要记录通过ipv6实现家庭影音中心在互联网上的访问。之前很多方案都是通过第三方进行内网穿透,实际体验不是很好。目前ipv6发展迅速,完全可以取代这种以ipv4为中心的内网资源外网访问的方式。ipv6使得ip地址不再紧缺,只需要家中网络一点小小的改变即可实现在外访问家庭影音......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • 71. Excel 表列序号
    给你一个字符串 columnTitle ,表示Excel表格中的列名称。返回 该列名称对应的列序号 。例如:A->1B->2C->3...Z->26AA->27AB->28...示例1:输入:columnTitle="A"输出:1示例 2:输入:columnTitle="AB"输出:28示例 3:输入:columnTitle="ZY"输......
  • 32.SpringBoot整合high-level-client
    idea中使用es创建一个bianen-search模块 在mydata文件夹下创建一个nginx文件夹:mkdirnginx随便启动一个nginx实例,只是为了复制出配置:dockerrun-p80:80--namenginx-dnginx:1.10 如下图可以看到启动好了nginx容器,当然这个容器我们只是为了用来复制它的配置文......
  • Spring Cloud Alibaba Sentinel 用法
    SpringCloudAlibabaSentinel用法1、服务器雪崩在分布式系统中,由于网络原因或自身的原因,服务一般无法保证100%可用。如果一个服务出现了问题,调用这个服务就会出现线程阻塞的情况,此时若有大量的请求涌入,就会出现多条线程阻塞等待,进而导致服务瘫痪。由于服务与服务之间的依......
  • jQuery 操作select
    jQuery取得select选中的值   本来以为jQuery("#select1").val();是取得选中的值,       那么jQuery("#select1").text();就是取得的文本。       这是不正确的,正确做法是:       jQuery("#select1 option:selected").text();jQuery取得select选择......