首页 > 其他分享 >el-select、el-dropdown 下拉框位置偏移

el-select、el-dropdown 下拉框位置偏移

时间:2023-10-23 21:11:06浏览次数:32  
标签:el dropdown important 偏移 下拉框 select

el-select、el-dropdown 下拉框位置偏移

<el-dropdown 
                    class="nav_item"
                    :class="activeIndex == 2 ? 'active' : ''" 
                >
                      <span class="el-dropdown-link cursor">
                        账号交易<i class="el-icon-arrow-down el-icon--right"></i>
                      </span>
                      <el-dropdown-menu slot="dropdown" style="width: 150px;text-align: center;" :append-to-body="false">
                        <el-dropdown-item>
                            <router-link to="/gameList">我要买号</router-link>
                        </el-dropdown-item>
                        <el-dropdown-item>
                            <router-link to="/account/pushAccount">我要卖号</router-link>
                           </el-dropdown-item>
                        <el-dropdown-item>
                            <router-link to="/recyle">号商回收</router-link>
                        </el-dropdown-item>
                     </el-dropdown-menu>
                </el-dropdown>

:append-to-body="false" 使下拉内容不插入在Body 中;stye 修改样式宽度

要修改其他样式

.el-dropdown-menu {
          position: absolute !important;
          top: 0px !important;
          left: 0px !important;
    }

 

标签:el,dropdown,important,偏移,下拉框,select
From: https://www.cnblogs.com/haonanZhang/p/17783504.html

相关文章

  • PAT 甲级1008【1008 Elevator】
    importjava.io.BufferedReader;importjava.io.IOException;importjava.io.InputStreamReader;importjava.io.StreamTokenizer;publicclassMain{@SuppressWarnings("unchecked")publicstaticvoidmain(String[]args)throwsIOException{......
  • 在Excel列A的内容姓名与身份证号,例如:xxx 62****************** ,现在需要姓名与身份证
    在Excel列A的内容姓名与身份证号,例如:xxx62****************** ,现在需要姓名与身份证号分开,用怎么样的公式?=MID(A1,FIND("",A1)+1,LEN(A1)-FIND("",A1))这个公式使用 MID 函数、FIND 函数和 LEN 函数来提取身份证号。FIND("",A1) 用于找到第一个空格的位......
  • delphi 运行时动态获取控件(类)属性值
    运行时动态获取控件(类)属性值代码运行时根据控件名称获取Caption属性值usesSystem.Rtti;procedureTForm1.Button1Click(Sender:TObject);varvComponent:TComponent;vRttiCtx:TRttiContext;vRType:TRttiType;vProp:TRttiProperty;beginvComponent:=S......
  • Almost Tight Multi-User Security under Adaptive Corruptions from LWE in the Stan
    Abstract.Inthiswork,weconstructthefirstdigitalsignature(SIG)andpublic-keyencryption(PKE)schemeswithalmosttightmulti-usersecurityunderadaptivecorruptionsbasedonthelearning-with-errors(LWE)assumptioninthestandardmodel.OurP......
  • 关于elementui的cascader组件多个级联大量数据滚动定位样式导致卡顿问题
    如题,多个cascader级联组件,下拉选项含大量数据,滚动时会有实时样式重新渲染,导致CUP内存溢满而卡顿解决尝试:使用elementui中的内部源码方法处理<script>import{addResizeListener,removeResizeListener}from'element-ui/src/utils/resize-event';...setu......
  • Selenium4 上传文件,弹出对话框(非input框)
    场景:点击一个按钮,然后弹出对话框,从本地选择需要上传的文件,自动关闭对话框。最后在点击web页面的ok按钮提交上传文件。ps:因为这里是按钮上传,所以用input框的sendkeys方法是无法上传成功的了。下面是点击按钮上传成功的案例,需要注意的是,上传时,还需要了解各个按键是什么text来......
  • Qt - Label标签显示特殊字符
    1.创建一个带Ui界面的测试工程,把特殊字符拷贝到label标签里,点击保存。 2.打开qt安装目录,找到designer.exe文件双击打开 3.把刚刚创建的ui界面拖进来 4.点击窗口-》ViewC++Code...5.会弹出一个窗口里面有ui文件的源码,还有一串特殊数字,这串特殊数字就是那个特......
  • Linux平台下Oracle数据泵备份(expdp)SHELL脚本
    数据泵是Oracle10g的新特性,10g以后的版本才有。关于数据泵的理论知识参考我的Blog:Oracle10gEXPDP和IMPDP使用说明http://www.cndba.cn/Dave/article/1115 Logicalbackup.sh#!/bin/ksh#####################################################################......
  • Linux平台下RMAN全备和增量备份shell脚本
       一.一些准备知识 Oracle分归档和非归档模式。这两者的区别就是对redolog的处理。归档模式下,当一个redolog写满之后,就会把这个redolog里的内容写入归档文件,等写完之后,这个redolog就可以继续使用,如果是非归档模式下,redolog就直接覆盖了。恢复一般都需要归档......
  • ORA16401archivelogrejectedbyRFS解决方法
    之前做DataGuard做了一次Switchover切换,之后standby库就报如下错误:ThuJul2908:03:292010Errorsinfile/dba/oracle/admin/newccs/udump/newccs_rfs_19602.trc:ORA-16401:archivelogrejectedbyRFSThuJul2908:03:292010Errorsinfile/dba/oracle/admin/newc......