element el-dropdown 水平居中

这个组件确实有点坑

他在每次初始化时都会根据位置自己产生定位数 而且他的父元素直接就是app 用穿透去改很多时候会带来新的问题

解决方案如下
首先 设置placement属性

<el-dropdown trigger="click" placement="bottom" ></el-dropdown> 

placement设置为bottom后 编写scss代码

<style lang="scss" scoped>
::v-deep .el-dropdown-menu {
  position: absolute!important;
  min-width: 222px;
  left: auto!important;
  right: 0;
  .popper__arrow{
    left: 50%!important;
  }
}
</style >

既可以解决问题