elementui菜单栏折叠 宽度不变怎么回事
时间: 2023-06-12 07:03:49 浏览: 592
遇到屏幕不够宽,用JQ实现菜单折叠效果,
可能是因为你使用了 `collapse-transition` 动画效果,导致折叠时菜单栏的宽度被动态改变了。你可以尝试在菜单栏的容器上设置固定宽度或最大宽度,以确保在折叠时宽度不会发生改变。例如:
```html
<template>
<div class="menu-container" :style="menuStyle">
<el-menu ...>
...
</el-menu>
</div>
</template>
<script>
export default {
...
data() {
return {
menuStyle: {
maxWidth: '200px' // 设置最大宽度
}
}
}
...
}
</script>
<style>
.menu-container {
width: 200px; // 设置固定宽度
}
</style>
```
阅读全文