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 >

既可以解决问题

element el-dropdown 水平居中相关推荐

Element ui 组件库使用技巧。
按需引入 babel文件配置. 配置 babel.config.js文件可以创建一个js 特意来存放我们需要的 element 组件. 在main.js 文件中全局引入上面存放组件的 js ...
java使用itext填充pdf模板文字和图片，并使填充后的模板内容垂直水平居中
一.背景由于业务需求,我需要将程序的部分数据生成PDF报告以供下载浏览二.实现方式设计一个pdf模板,可以通过pdf编辑工具编辑模板.市面上支持编辑表单的pdf编辑都可以,如Adobe Acro ...
Java如何使用dom4j获取,添加,删除,查找,设置Element节点呢？
转自: Java如何使用dom4j获取,添加,删除,查找,设置Element节点呢? 下文笔者讲述DOM4J操作Element节点的示例分享,如下所示获取文档的根节点 Element rootElm ...
webform 控件上面能写前端事件吗_详细的网易前端秘籍—如何准备面试
点击上方"前端印象",选择"设为星标"第一时间关注技术干货! 前言开门见山,这篇文章,适合「初级前端」,如果你还在校招的话,或者还在求职的话,可以看看本文,找 ...
500个常见的计算机英文文献词汇，按字母顺序排列，并附上音标和中文解释：
500个常见的计算机英文文献词汇,按字母顺序排列,并附上音标和中文解释 A Abstract [ˈæbstrækt] - 摘要 Access [ˈækses] - 访问 Account [əˈkaʊn ...
dom元素滚动条高度 js_DOM 事件与事件委托
点击事件 <div class = 爷爷><div class = 爸爸><div class = 儿子>文字</div></div> &l ...
Revit二次开发之“选择某一楼层的墙”
其实就是过滤器的用法.这里想要找到同一楼层中的风管,不可行. 要用:duct.ReferenceLevel //选择某一楼层上的墙 [Transaction(TransactionMode.Manua ...
Dom4j和Xpath(转)
1.DOM4J简介 DOM4J是 dom4j.org 出品的一个开源 XML 解析包.DOM4J应用于 Java 平台,采用了 Java 集合框架并完全支持 DOM,SAX 和JAXP. DOM4J使 ...
Revit二次开发之“取得所选元素的族名称”
start //根据族实例FamilyInstance找到Family的方法:FamilyInstance.Symbol.Family [Transaction(TransactionMode.Man ...
前端面试题（二）框架篇
MVVM MVVM 由以下三个内容组成 View:界面 Model:数据模型 ViewModel:作为桥梁负责沟通 View 和 Model 在 JQuery 时期,如果需要刷新 UI 时,需要先取到 ...

element el-dropdown 水平居中

element el-dropdown 水平居中相关推荐

最新文章

热门文章