<el-menu :collapse="true">
如图所示收缩之后，有子级的菜单还有箭头文字显示
从代码对比看层级就不太对了，嵌套错误了，正常下方官网的ul标签下直接是li，在自己的代码中，ul标签下是div标签，层级嵌套错误，导致无法正常收缩
原因如下图，在把菜单menu动态封装为组件时，新建的文件中，会自动生成div标签，在不记得删除的情况下就会导致层级嵌套错误，无法正常收缩，移除掉div标签后即可正常收缩
正常收缩
element-Plus中el-menu菜单无法正常收缩解决方案
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/70881.html
如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！相关文章
如何使用Python编写小游戏？
大家好，我是沐尘而生，如果你是一个热爱编程的小伙伴，又想尝试游戏开发，那么这篇文章一定能满足你的好奇心。不废话，让我们马上进入Python游戏开发的精彩世界吧！
Python游戏开发的魅力 编写小游戏不仅仅是锻…
Vim学习（二）—— 编译C程序
打开终端，这里以MobaXterm为例， 邮件创建新的空文件并命名， 然后cd到对应路径下，用
vim hello.cvim打开创建的文件，进入编辑模式，编辑完程序后按Esc退出编辑模式，输入
:wq保存并退出…
体渲染原理及WebGL实现【Volume Rendering】
体渲染（Volume Rendering）是NeRF神经场辐射AI模型的基础，与传统渲染使用三角形来显示 3D 图形不同，体渲染使用其他方法，例如体积光线投射 (Volume Ray Casting)。本文介绍体渲染的原理并提供Three.js实现代码ÿ…
RabbitMQ的5种消息队列
RabbitMQ的5种消息队列
1、七种模式介绍与应用场景
1.1 简单模式(Hello World) 一个生产者对应一个消费者，RabbitMQ 相当于一个消息代理，负责将 A 的消息转发给 B。
应用场景：将发送的电子邮件放到消息队列，然后邮件服务在队列…
面向对象编程（OOP）：Python中的抽象与封装
文章目录 🍀引言🍀 类与对象🍀封装🍀继承🍀多态🍀面向对象编程的优势🍀使用面向对象编程的场景🍀实例化与构造函数🍀 成员属性和类属性🍀魔术方法ἴ…
Vue实现动态可视化
1、可视化效果： 水晶球环绕地球旋转；
2、实现
<template><div class"container"><div class"header-body"><div class"header-left"></div><div class"header-title">网…
POSTGRESQL 关于2023-08-14 数据库自动启动文章中使用KILL 来进行配置RELOAD的问题解释...
开头还是介绍一下群，如果感兴趣Polardb ,mongodb ,MySQL ,Postgresql ,redis ，SQL SERVER ,ORACLE,Oceanbase 等有问题，有需求都可以加群群内有各大数据库行业大咖，CTO，可以解决你的问题。加群请加 liuaustin3微信号 &…
请解释一下CSS中的rem和em单位有什么不同，分别如何使用？
聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ CSS中的rem和em单位的区别和使用⭐ em单位使用示例： ⭐ rem 单位使用示例： ⭐ 区别和适用场景⭐ 写在最后 ⭐ 专栏简介 前端入门之旅：探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何…
数据结构-栈的实现（C语言版）
前言 栈是一种特殊的线性表，只允许在固定的一端进行插入和删除的操作，进行数据插入和删除的一端叫做栈顶，另一端叫做栈底。 栈中的数据元素遵循后进先出的的原则。
目录
1.压栈和出栈
2. 栈的实现
3.测试代码 1.压栈和出栈 压栈ÿ…
电商增强现实3D模型优化需要关注的4个方面
到目前为止，AR技术已经发展到足以在更广泛的范围内实施。 在电子商务中，这项技术有望提供更令人兴奋的购物体验。 为了实现这一目标，在这篇博客中，我将介绍如何针对电子商务中的 AR 优化 3D 模型。 推荐：用 NSDT编辑器…
Git：在本地电脑上如何使用git？
git 版本： 2.40.1.windows.1 文章目录 一. 使用git之前你必须要理解的几个概念1.1 理解工作区、版本库、暂存区的概念1.2 提交Git版本库的步骤【分两步执行】 二. Git本地库实战2.1 初始化版本库2.2 新建 & 提交 & 状态2.3 查看日志2.4 回退 & 穿梭 &am…
Django的简介安装与配置及两大设计模式
一.Djang的介绍
1.Django是什么 Django 是使用 Python 语言开发的一款免费而且开源的 Web 应用框架。 由于 Python 语言的跨平台性，所以 Django 同样支持 Windows、Linux 和 Mac 系统。 在 Python 语言炽手可热的当下，Django 也迅速的崛起，在…