vue3+elementPlus .el-menu-item最小宽度min-width样式修改

作者：System 时间：2024年08月27日分类：所有,elementui 字数：469

这篇文章距离上次修改已过428天，其中的内容可能已经有所变动。

在Vue 3和Element Plus中，.el-menu-item的最小宽度可以通过CSS覆盖来修改。你可以在组件的<style>标签中或者外部CSS文件中设置相应的样式规则。

以下是一个简单的例子，演示如何设置.el-menu-item的最小宽度：




/* 在组件的<style>标签中 */
<style scoped>
.el-menu-item {
  min-width: 150px; /* 设置最小宽度为150px */
}
</style>

或者，如果你想在外部CSS文件中设置：




/* 在外部CSS文件中 */
.el-menu-item {
  min-width: 150px; /* 设置最小宽度为150px */
}

确保外部CSS文件被正确加载，或者如果你使用Vue单文件组件（.vue文件），则使用scoped属性确保样式只应用于当前组件。如果需要全局应用该样式，请去掉scoped属性。