search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.04k stars 14.63k forks source link

[Bug Report] NavMenu 导航菜单，动态设置mode参数时，展开的二级导航错位 #21868

Open Drunkers opened 2 years ago

Drunkers commented 2 years ago

Element UI version

2.15.8

OS/Browsers version

win10

Vue version

2.6.14

Reproduction Link

https ://github.com/ElemeFE/element/blob/dev/FAQ.md#faq

Steps to reproduce

1.展开二级导航 2.按钮绑定事件动态切换NavMenu mode参数 3.发现展开的二级导航错位

What is Expected?

动态切换mode参数，展开的二级导航不应该错位

What is actually happening?

动态切换mode参数，展开的二级导航错位

weigram commented 2 years ago

https://codepen.io/kooro/full/VwQMKMz 是这个问题吗

Sevenhty commented 2 years ago

https://codepen.io/kooro/full/VwQMKMz 是这个问题吗

应该是这个问题。效果切换后二级导航的宽度和整个菜单栏宽度一致了。

weigram commented 2 years ago

https://codepen.io/kooro/pen/mdXpjEg 我改了源码，是想要这个效果吗 @Drunkers

weigram commented 2 years ago

https://codepen.io/kooro/full/VwQMKMz 是这个问题吗

应该是这个问题。效果切换后二级导航的宽度和整个菜单栏宽度一致了。

需要在切换后手动设置菜单宽度

Drunkers commented 2 years ago

https://codepen.io/kooro/pen/mdXpjEg 我改了源码，是想要这个效果吗 @Drunkers

目前本地已经解决这个问题了，看官方都没怎么维护了，就没提pr了，你可以自己提个pr。