el-popover修改最小宽度

根据引用中的信息，el-popover在Element Plus中规定的最小宽度属性是150px。然而，如果我们想要设置小于150px的宽度，使用el-popover本身属性或者通过穿透修改.el-popover.el-popper的宽度都不会生效。解决这个问题的方法是使用el-popover的popper-class属性，设置一个自定义样式类，并且去除scoped样式。然后，在自定义类的样式中设置min-width: 120px!important;即可达到修改最小宽度的效果。如果需要设置大于150px的宽度，直接使用el-popover本身的width属性即可进行设定。

具体的代码如下所示：

<template>
  <el-popover width="120px" popper-class="customPopper">
    <!-- 弹出框内容 -->
  </el-popover>
</template>

<style lang="scss">
.customPopper {
  min-width: 120px!important;
}
</style>

通过这种方式，我们可以修改el-popover的最小宽度为120px，满足个人的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [如何修改Element Plus中el-popover的最小宽度](https://blog.csdn.net/m0_75107188/article/details/131455046)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue项目实现el-popover弹窗拖拽位置以及实现弹窗的拖拽调整大小功能](https://blog.csdn.net/lFFFFFFl/article/details/131771216)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]