elementui 中的 el-popover如何才能控制高度?并增加滚动条? 40C

发现el-popover中即使数据撑开了也不会自动出现滚动条,也不能通过height
进行高度控制,这种情况下该怎么添加滚动条和控制高度?

2个回答

在APP.vue中添加 如下代码

<style>
.el-popover{
  height: 200px; (高度自行选择)
  overflow: auto;
}
</style>

在引用该组件的.vue中加这个样式也可以 但是不能加上 scoped 因为你这个组件的样式是全局的

a1030260075
那个发饰 可以用,多谢,后来才发现el-popover和app并列
4 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于elementui的el-Popover 弹窗定位不准的问题
目前发现有两种问题,弹窗高度过高导致,自己定义的宽度过窄,而里面内容是表格,宽度大于自己定义的宽度,导致出现定位不准
vue 框架 elementUI: el-popover在table 组件中的踩坑之旅
使用v-model控制el-popover的显示隐藏时, 渲染table的数据中每一个都要添加一个控制变量, 可以在拿到数据时, 通过 vue 的computed属性处理computed: { trData(){ const self = this; if(!self.tableDataTr){return []} ret...
js如何控制div随真实高度增加而增加
table的td里放一个div,一开始设定DIV的高度,隐藏多余的标签,点击更多的时候,把其他的标签也显示出来。rn点击标签会增加标签。rn想实现的效果是,然后div随着标签的增加,高度也增加,可是代码只在ie6下测试成功,ie7/8/9和chrome下都失败。rn求高手指导啊。。rnrnrn[code=HTML]rnrnrnrn rn rn rnrnrn rn rn rn rn aaarn bbbrn cccrn dddrn eeern fffrn rn rn 更多rn rn rn rn rnrnrnrn[/code]
如何增加状态栏的高度!
如何增加状态栏的高度,给出源程序加分!
如何增加文本框的高度
我用awt做以各界面,用TextField text=new TextField();add("North",text),但是我感觉那各文本框的高度太小了,有什么办法可以增加文本框的高度吗,文本框有类似属性或者方法吗,还有默认的文本框是从左边开始输入值的,我想从右边开始输入值怎么实现了,书上找了半天都没看到类似属性与方法,请教了!!,谢谢!
如何增加纵向的滚动条
[code=XML]rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrn[/code]
请教如何增加滚动条?
我用以下语句为什么不行:rn------------------------------------------------------------------------------------------------------------rn rnrn-------------------------------------------------------------------------------------------------------------rn表内的内容较多,肯定超过20px,但是每次都将所有内容显示出来,而没有出现滚动条,请教是哪里出问题,应该如何修改?rn
列表框中的滚动条,如何控制
当拖动一个列表框滚动条的时候,如何让另一个列表框滚动条也同时移动?rn看到论坛里面有C的例子,但是看不明白,想用汇编语言实现,谁能跟我说下rn首先是如何捕获滚动条被拖动的消息,然后如何把消息发给另外一个滚动条,让它跟着动?rn查了很多资料,都没看到拖动列表框滚动条的消息是什么.
如何控制滚动条?框架中。
页面结构如下rnrndefault.asp(框架页)rn ---------------------------------rn| |rn _________________________________rn| t | |rn| r | face.asp |rn| e | |rn| e | |rn| . | |rn| a | |rn| s | |rn| p | (空白区域) |rn|... ... | ... ... |rn --------------------------------- '// 网页底部,因为face显示的内容不很多,所以下方全是空白rnrn我遇到这样的问题,当拖动滚动条到网页底部,右侧框架显示的都是空白的(因为face.asp本身显示的内容不多,而tree.asp内容会很多很长)rnrn我点击tree.asp的连接,虽然右侧框架会reload,但是网页滚动条是停留不动的(还在底部),导致使用者不知道自己是否正确的操作,请问如何让滚动条回到网页顶部??rnrn我是这样做的rnface.asp的onload事件中加入rnlocation.href='#';rnwindow.scroll(0,0);rnwindow.screenTop=0rn这些都触发了,但没有效果rnrn是否跟框架有关,请问怎么解决?rn
如何控制DBgrid中的滚动条
DBgrid在数据超出一屏后自动会产生滚动条这大家都知道。但此滚动条无法由用户自已定位,即把滚动条拖到哪个位置,就显示哪部分数据。现在的情况是默认只有三个位置:最上方,最下方中间。这怎么办呢?
列表框中的滚动条如何控制
我建立两个列表框准备比较数据的,但不知道如何拖动一个列表框中的滚动条,别一个列表框中的滚动条也跟着动
在JList中增加滚动条
这是我写的一个窗口.但是窗口高度显示不了全部文件.我要做一个滚动条怎么做啊..下面是代码rnrnimport java.awt.GraphicsConfiguration;rnimport java.awt.HeadlessException;rnimport javax.swing.JFrame;rnimport java.awt.BorderLayout;rnimport javax.swing.JScrollPane;rnimport java.awt.Color;rnimport javax.swing.JPanel;rnimport java.awt.*;rnrnimport javax.swing.DefaultListModel;rnimport javax.swing.JLabel;rnimport javax.swing.JList;rnimport javax.swing.JTextField;rnimport javax.swing.JComboBox;rnimport javax.swing.JTextArea;rnimport java.awt.event.ItemEvent;rnimport java.awt.event.ItemListener;rnimport javax.swing.JButton;rnimport java.awt.event.ActionEvent;rnimport java.awt.event.ActionListener;rnimport javax.swing.*;rnimport java.io.IOException;rnimport java.util.ArrayList;rnimport java.util.List;rnimport java.net.URL;rnimport java.net.HttpURLConnection;rnimport java.io.BufferedReader;rnimport java.io.InputStreamReader;rnimport java.net.MalformedURLException;rnimport java.io.InputStream;rnimport java.io.OutputStream;rnimport java.io.FileOutputStream;rnimport java.io.File;rnimport javax.swing.filechooser.FileSystemView;rnimport javax.swing.event.AncestorEvent;rnimport javax.swing.event.AncestorListener;rnimport java.awt.Dimension;rnimport javax.swing.BorderFactory;rnrn/**rn * rn * Title:rn * rn * rn * rn * Description:rn * rn * rn * rn * Copyright: Copyright (c) 2009rn * rn * rn * rn * Company:rn * rn * rn * @author not attributablern * @version 1.0rn */rnpublic class MyFirstFrame extends JFrame rn JList list;rnrn public static void main(String[] args) throws IOException rn MyFirstFrame mf = new MyFirstFrame();rn mf.setVisible(true);rn rnrn public MyFirstFrame() throws HeadlessException rn super();rn try rn jbInit();rn catch (Exception ex) rn ex.printStackTrace();rn rn rnrn public MyFirstFrame(GraphicsConfiguration gc) rn super(gc);rn rnrn public MyFirstFrame(String title) throws HeadlessException rn super(title);rn rnrn public MyFirstFrame(String title, GraphicsConfiguration gc) rn super(title, gc);rn rnrn BorderLayout borderLayout1 = new BorderLayout();rn JPanel jPanel1 = new JPanel();rn JLabel jLabel1 = new JLabel();rn JButton jButton1 = new JButton();rnrn private void jbInit() throws Exception rn this.getContentPane().setLayout(borderLayout1);rn this.getContentPane().setBackground(SystemColor.inactiveCaption);rn jPanel1.setBackground(Color.lightGray);rn jPanel1.setMinimumSize(new Dimension(52, 20));rn jPanel1.setPreferredSize(new Dimension(10, 30));rn jLabel1.setBackground(Color.lightGray);rn jLabel1.setForeground(Color.red);rn jLabel1.setAlignmentX((float) 0.5);rn jLabel1.setDoubleBuffered(true);rn jLabel1.setMaximumSize(new Dimension(108, 30));rn jLabel1.setMinimumSize(new Dimension(108, 30));rn jLabel1.setOpaque(true);rn jLabel1.setPreferredSize(new Dimension(108, 30));rn jLabel1.setToolTipText("");rn jLabel1.setDisabledIcon(null);rn jLabel1.setDisplayedMnemonic('0');rn jLabel1.setText("请选择下载文件");rn jButton1.setAlignmentX((float) 1.0);rn jButton1.setAlignmentY((float) 1.0);rn jButton1.setBorder(BorderFactory.createLoweredBevelBorder());rn jButton1.setPreferredSize(new Dimension(22, 23));rn jButton1.setToolTipText("");rn jButton1.setHorizontalTextPosition(SwingConstants.CENTER);rn jButton1.setMnemonic('0');rn jButton1.setText("下载");rn jButton1rn .addActionListener(new MyFirstFrame_jButton1_actionAdapter(this));rn UrlCon co = new UrlCon();rn List l = co.getFile();rn for (int i = 0; i < l.size(); i++) rn if (l.get(i).equals("WEB-INF")) rn l.remove(i);rn rn rn Object[] str = new Object[l.size()];rn str = l.toArray();rn final DefaultListModel model = new DefaultListModel();rn for (int i = 0, n = str.length; i < n; i++) rn model.addElement(str[i]);rn rn list = new JList(model);rn setSize(400, 300);rn this.getContentPane().add(jButton1, java.awt.BorderLayout.SOUTH);rn this.getContentPane().add(list, java.awt.BorderLayout.CENTER);rn jPanel1.add(jLabel1);rn this.getContentPane().add(jPanel1, java.awt.BorderLayout.NORTH);rn rnrn public void jButton1_actionPerformed(ActionEvent e) rn String targetFile;rn FileSystemView fsv = FileSystemView.getFileSystemView(); // 得到系统视图对象rn File root = fsv.getHomeDirectory();rn JFileChooser chooser = new JFileChooser(root.getPath());rn chooser.setSelectedFile(new File(root.getPath() + "\\"rn + list.getSelectedValue()));rn chooser.setAcceptAllFileFilterUsed(false);rn int result = chooser.showSaveDialog(null);rn if (result == JFileChooser.APPROVE_OPTION) rn targetFile = chooser.getCurrentDirectory() + "\\"rn + chooser.getSelectedFile().getName();rn File fileIn = chooser.getSelectedFile();rn if (fileIn.exists()) rn JOptionPane.showMessageDialog(null, "文件已存在,请重新选择", "警告",rn JOptionPane.WARNING_MESSAGE);rn else rn try rn UrlCon conn = new UrlCon();rn conn.read(chooser.getCurrentDirectory().toString(), listrn .getSelectedValue().toString());rn // FileUtils.writeStringToFile(fileIn, content);rn catch (Exception ex) rn JOptionPane.showMessageDialog(null, "保存文件出错。", "警告",rn JOptionPane.WARNING_MESSAGE);rn rn rnrn rnrn rnrnrnclass MyFirstFrame_jButton1_actionAdapter implements ActionListener rn private MyFirstFrame adaptee;rnrn MyFirstFrame_jButton1_actionAdapter(MyFirstFrame adaptee) rn this.adaptee = adaptee;rn rnrn public void actionPerformed(ActionEvent e) rn adaptee.jButton1_actionPerformed(e);rn rn
如何设计ScrollViewer中水平滚动条的高度?
下面是我设计的,模板加上高度是可以改变。但是为什么移动但是ScrollViewer容器中的东西不移动了?rn[code=XML]rnrnrnrn[/code]rn下面是我的模板的代码rn[code=XML]rnrnrnrnrnrnrnrnrnrnrnrnrnrnrnrnrnrn[/code]rnrnrn下面是效果图。但是滚动不了了~~rn[img=http://bbs.silverlightchina.net/attachments/month_1008/10080119254a3026fa13b0e62d.png][/img]
elementUI树状图竖向滚动条和横向滚动条问题
在使用vue时,就会有使用到elementUI,之后就是不断的在入坑和天坑之间徘徊。 elementUI中有个隐藏的组件,就是滚动条-----&amp;lt;el-scrollbar&amp;gt;&amp;lt;/el-scrollbar&amp;gt; 可以参考elementUI的官网代码 这里用F12可以查看到 添加之后会有出现横向滚动的样式(很丑) 这里需要添加一个样式  .el-scrollbar .el-...
ElementUI中表格el-table滚动条样式的优化
ElementUI官方文档提供的table表格的滚动条样式不美观,简单封装之后的效果图 这里使用的是elementui中最基表格 修改样式
DIV 滚动条上下键控制移动高度
1.做一个DIV,上面带垂直滚动条的,想使用上下键控制每次滚动的距离。rnrn2.实在不行能屏蔽上下键在层上使用也行,使滚动条不随上下键点击而移动。
滑动滚动条,某个高度并记录数字
滑动滚动条,滑动到某个高度并记录数字
如何控制iframe的高度
1.htm里有 一个iframe name="i1" src="2.htm" 那么2.htm里的代码怎么控制iframe的高度呢?
toolstrip的高度可以增加吗?如何增加?
toolstrip的高度可以增加吗?如何增加?
如何控制TextBox的高度
在DataList项模板中加入TextBox用来现象用户回帖,将TextBox的overfloy-y设为visible后,即使内容只要一行TextBox也占用十行的高度,我设置TextBox的Height属性不起作用。rn请高手指教,如何调整TextBox高度
对于高度如何控制?
表格中rn高度设定为15px;rn但是里面的总是超过rn不管font-size如何设置,大小是便了rn但是在上边界和间总是留白rnpadding和padding-top不起作用啊rnrn如何用样式控制高度啊rn已经无语了
如何控制输入框的高度?
请问各位,可不可控制输入框的高度?rn我想把它放在高为20象素的表格里而不会让表格变形。。。。
如何控制表格高度
请教各位,要想做一个表格,高度100%填充窗口,宽度自定义,假设100px,有一个要求是当窗口大小调整时,表格会跟随调整,一直保持100%填充整个窗口。应该如何实现??
如何控制表格的高度
页面里面是这样写的rn rn rnrn rnrn rn rnxml的数据读取是这样的rnrnrn commonrn idrn select *rn plantitlesrn rn status=0rn rn cdate descrn 14rn rn rn 标题rn $titlern stringrn 90%rn 40rn centerrn /PlansAction?action=edit+&titleID=+$idrn rn rnrn我怎样控制能让表格是两行显示?在xml里面加了一个高度的配置似乎不行rn30rn这样不行
如何控制body的高度?
我用sitemesh做了一个类似于Frames的东西,页面也分为三个部分:上、左、右。“右(main.htm)”页面是利用sitemesh调用的,当页面内容超长时,我只想让main.htm页出现滑块,请问怎么实现?rn效果与CSDN:http://community.csdn.net/Expert/Forum.asp面左侧是一样的!rn谢谢,指大家指教!
如何获取滚动条的高度和宽度??
如何获取滚动条的高度和宽度??
使用elementUI滚动条之横向滚动
用过elementUI组件应该会知道它内置一个滚动效果,官网对此组件没有相关文档,也是细心网友发现的。 &lt;el-scrollbar&gt;&lt;/el-scrollbar&gt; 将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下,将标签的height设为100%,读者查看效果的时候,会出现一个横向的滚动条,如果你不想要横向的滚动条,使用下面css属性设置就可...
如何增加悬浮式窗体的高度?
下面是一个悬浮式窗体,不知从何处能将该窗体的高度增加!(如加高3倍)rn请各位大侠帮帮忙!rnrn'获得鼠标指针在屏幕坐标上的位置rnPrivate Declare Function GetCursorPos Lib "user32" (lpPoint As POINTAPI) As Longrn'获得窗口在屏幕坐标中的位置rnPrivate Declare Function GetWindowRect Lib "user32" (ByVal hwnd As Long, lpRect As RECT) As Longrn'判断指定的点是否在指定的巨型内部rnPrivate Declare Function PtInRect Lib "user32" (lpRect As RECT, ByVal ptx As Long, ByVal pty As Long) As Longrn'准备用来使窗体始终在最前面rnPrivate Declare Function SetWindowPos Lib "user32" (ByVal hwnd As Long, ByVal hWndInsertAfter _rn As Long, ByVal X As Long, ByVal Y As Long, ByVal cx As Long, ByVal cy As Long, ByVal wFlags As Long) As Longrn'用来移动窗体rnPrivate Declare Function MoveWindow Lib "user32" (ByVal hwnd As Long, ByVal X As Long, _rn ByVal Y As Long, ByVal nWidth As Long, ByVal nHeight As Long, ByVal bRepaint As Long) As LongrnrnConst HWND_TOPMOST = -1rn rnPrivate Type POINTAPIrn X As Longrn Y As LongrnEnd TypernPrivate Type RECTrn Left As Longrn Top As Longrn Right As Longrn Bottom As LongrnEnd TypernPrivate Is_Move_B As Boolean '判断指针是否位于移动栏(本例中移动栏位于窗体的侧一小地方)rnPrivate Is_Movestar_B As Boolean '判断移动是否开始rnPrivate MyRect As RECTrnPrivate MyPoint As POINTAPIrnPrivate Movex As Long, Movey As Long '记录窗体移动前,窗体左上角与鼠标指针位置间的纵横距离rnPrivate max As Long '窗口变长以后的尺寸(用户可随意改动)rnrnrnrnPrivate Sub Form_Load()rn Timer1.Interval = 50: Timer2.Interval = 1000rn Form1.BackColor = vbBluern Get_Windows_Rectrn Picture1.Width = 10745rn Form1.Width = 10770rn rnEnd SubrnSub Get_Windows_Rect()rn Dim dl&rn max = 500: Form1.Height = maxrn Form1.Top = 0 '窗体始终放在屏幕顶部rn dl& = GetWindowRect(Form1.hwnd, MyRect)rnEnd SubrnPrivate Sub Form_Paint()rn '使窗体始终置于最前面rn If PtInRect(MyRect, MyPoint.X, MyPoint.Y) = 0 Thenrn SetWindowPos Me.hwnd, HWND_TOPMOST, Me.Left / Screen.TwipsPerPixelX, _rn Me.Top \ Screen.TwipsPerPixelY, Me.Width \ Screen.TwipsPerPixelX, _rn Form1.Height \ Screen.TwipsPerPixelY, 0rn End IfrnEnd SubrnrnrnrnPrivate Sub Image1_Click()rnrnEnd SubrnrnPrivate Sub Timer1_Timer()rn Dim dl&rn dl& = GetCursorPos(MyPoint)rn If (PtInRect(MyRect, MyPoint.X, MyPoint.Y) And _rn Form1.Height = max) Or MyPoint.Y <= 30 Thenrn ' If MyPoint.Y <= 3 Thenrn Form1.BackColor = vbBlue '窗体背景颜色(用户可随意改动)rn Form1.Height = maxrn '判断鼠标指针是否位于窗体拖动区rn If MyPoint.X - MyRect.Left <= 10 Or Is_Movestar_B Thenrn Screen.MousePointer = 15rn Is_Move_B = Truern Elsern Screen.MousePointer = 0rn Is_Move_B = Falsern End Ifrn Elsern If Not Is_Movestar_B Thenrn Form1.Height = 30 '窗体变小rn End Ifrn End IfrnEnd Subrn
iframe中如何增加横向滚动条??
如题
如何才能改变Combox的高度?
象QQ选择头像那样的,我自定义了OnDrawItem,但是高度太小了,画出来太小了!rn请教了,谢谢!
各位,如何才能去掉FORMVIEW中的滚动条
各位,如何才能去掉FORMVIEW中的滚动条
SDI增加滚动条SDI增加滚动条
SDI增加滚动条SDI增加滚动条SDI增加滚动条
如何控制滚动条?
如何在对话框中控制上下,左右滚动条?最好有例子 ^_^
如何控制页面滚动条
我一张页面有很多,导致出现了上下的滚动条.当我在页面下面进行操作过后,比如执行了一个js事件后,页面就自动跳滚到最上面了.如何让页面滚动条不动留在原处呢. 为什么会滚动到顶部去了呢.就像页面被刷新了一样.
JS如何控制滚动条
内容:最近在研究页面的滚动条,我想通过JS来控制滚动条进行上下移动.实现的效果是当我点击一个页面上的按钮,滚动条能滑动对应的页面.效果上可以参考http://icaper.net/ ,向各位高手请教实现的机制和方法.
如何控制滚动条的宽度?
请指点rn 如何改变滚动条的宽度?
如何控制窗口的滚动条
.elseif eax ==WM_HSCROLLrn mov eax,wParamrn .if ax ==SB_LINELEFTrn dec dwPosrn .elseif ax ==SB_LINERIGHTrn inc dwPosrn .elseif ax ==SB_PAGELEFTrn sub dwPos,10rn .elseif ax ==SB_PAGERIGHTrn add dwPos,10rn .elseif ax ==SB_THUMBPOSITION || ax == SB_THUMBTRACKrn mov eax,wParamrn shr eax,16rn mov dwPos,eaxrn .elsern mov eax,TRUErn retrn .endifrn cmp dwPos,0rn jge @Frn mov dwPos,0rn @@:rn cmp dwPos,100rn jle @Frn mov dwPos,100rn @@:rn invoke SendDlgItemMessage,hWnd,ID?????,SBM_SETPOS,dwPos,TRUE rn 始终要他的ID才能控制到呀
如何控制DBGrid的滚动条
在DBGrid控件右侧的滚动条运行时始终在中间位置或顶端或底端,不能根据实际情况移动,如何正确配置滚动条的范围、以及在单击或拖动滑块时如何正确设置滚动条的位置?rnvoid _fastcall TForm1::GridWindowProc(TMessage &Message)rnrn if (Message.Msg == WM_VSCROLL)rn rn int nPos = GetScrollPos((HWND)Message.LParam, SB_VERT);rn if (Message.WParam == SB_LINEUP)rn rn t->DataSource->DataSet->Prior();rn SetScrollPos((HWND)Message.LParam, SB_VERT, nPos - 1, TRUE);rn Message.Msg = 0;rn rn if (Message.WParam == SB_LINEDOWN)rn rn t->DataSource->DataSet->Next();rn SetScrollPos((HWND)Message.LParam, SB_VERT, nPos + 1, TRUE);rn Message.Msg = 0;rn rn rn OldGridProc(Message);rnrn我用上述的方法尝试设置,结果没有任何反应,应该如何设置啊?还有应该在哪里设置滚动条的Range和nPage啊?
滚动条如何控制?
我有10000条数据,如果一次读取10000条数据并显示,程序将很卡.如何显示10000条数据的一段比如100条,如何用自绘控制条控制.最好有代码举例!谢谢回复!
如何控制窗体的滚动条?
比如:控制滚动条使窗体中心移动到某个位置?
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法