设置element下拉菜单el-dropdown-menu位置右对齐

官网例子原始位置

设置element下拉菜单el-dropdown-menu位置右对齐_第1张图片

因为 el-dropdown-menu 弹窗时定位body而非template创建的dom节点,相对定位的位置是计算出来的,直接修改left和top值,所有的弹框就会显示在一个固定位置

 修改之后

设置element下拉菜单el-dropdown-menu位置右对齐_第2张图片

其他位置

设置element下拉菜单el-dropdown-menu位置右对齐_第3张图片

 代码

.el-dropdown {

    padding-right: 120px;

    // padding-bottom: 10px; //这样修改弹框上下位置不可以,

}

你可能感兴趣的:(vue,element,vue,elementui)