我正在Vuejs项目上创建一个菜单组件。这个菜单有两个下拉菜单，我已经创建了一些方法并使用了Vue指令，所以当我单击其中一个时，其他的会隐藏起来，反之亦然，我也想知道如何通过单击外部来隐藏它们。另外，如果可能的话，我想手动做这件事，而不是外部的。 HTML： <!toggle2 () {
浏览 14提问于2019-06-12得票数 0
当我单击Dropdown.Item时，Dropdown.Menu会隐藏。我想要防止这种情况，即单击Dropdown.Menu后保持打开，，只有在 Dropdown 之外有单击时才关闭。我发现了类似的问题，但在最初的引导中使用jQuery。如何在react引导中实现这一点？
浏览 9提问于2020-08-07得票数 4
4回答
我使用javascript函数dropdown('toggle')启动引导下拉菜单，如声明的。在中，您将看到两个菜单：
另一个，使用右键单击，它不能像预期的</e
浏览 6提问于2015-09-08得票数 2
回答已采纳
我试图在一个按钮中创建一个下拉列表--当单击该按钮时，下拉列表应该打开。我正试图通过点击外边把列表隐藏起来。当单击外部时，下拉列表实际上是关闭的，但在单击列表时也关闭了--这不是预期的。当单击列表内时，如何保持列表打开？stopPropag
浏览 1提问于2018-12-17得票数 1
回答已采纳
我面临着“每页行数”下拉渲染和事件的问题。当我点击表页脚的v菜单时，由于CSS属性'top‘通过vuetify js data table错误地计算，所以下拉呈现在屏幕之外。 ? 在“每页行数”下拉列表中有3个值，5、10、15、5和10是可见的，但15在屏幕之外。在表格中没有底部填充或边距，高度也是100%。另一个问题是，当我单击drop down的外部和表<em
浏览 18提问于2020-06-16得票数 0
1回答
我有两个多值react-select下降作为一个更大的过滤器组件的一部分。我遇到的问题是，当您打开一个下拉列表，选择一个或多个值，然后单击外部，则下拉列表不会关闭。如果您单击下拉列表的外部而没有选择任何值，那么它将按预期关闭。如果您选择一个值并通过单击控件关闭下拉列表
浏览 11提问于2022-11-18得票数 0
1回答
我已经启用了Primefaces <p:datatable>并启用了cellEdit模式，意味着当单击单元格时，它会更改为编辑模式，当您单击其他(onblur)单元格时，返回到输出模式，并在其更改时调用在datatable可编辑单元格中，我在下拉列表中使用<p:selectOneMenu>和<p:autoComplete>。Primefaces生成单元容器外部下拉列表的HTML代码，因此每次我从<e
浏览 2提问于2015-11-18得票数 0
1回答
我使用react钩子创建下拉组件，并添加了一个事件侦听器来关闭下拉列表，但也创建了一个按钮来隐藏整个下拉列表，在这种情况下，在单击该按钮之后组件就不存在了，因此附加到它的引用等于null，所以当下拉列表被隐藏时下拉列表工作得很好，但是当我单击隐藏它的按钮时，会给出一个错误：
浏览 3提问于2020-12-13得票数 1
我已经在我的系统中为order创建了一个简单的下拉列表，当单击它下面的元素时会出现该下拉列表。我可以通过再次单击该元素来切换隐藏在其下方的菜单。但我希望在此之后捕捉外部点击，而不是下拉菜单中的选项来隐藏它，这样用户就可以在需要时轻松地丢弃它。在jQuery中有没有一种简单的方
浏览 2提问于2012-10-18得票数 1
我们需要在中实现一个拆分按钮。它已经提供了不支持拆分的Button组件。它还有可以拆分按钮的下拉列表，如示例- 所示。
这个实现的问题是，如果单击下拉列表，它将被关闭。这对菜单来说没问题，但我们需要在那里放一个更复杂的表格。当您单击下拉列表的外部时，它应该关闭，但当您单击inside时，不应该
浏览 3提问于2020-03-02得票数 0
回答已采纳
我在输入字段的焦点上显示建议列表，并在单击外部时隐藏。删除onBlur方法后，我可以从下拉列表<
浏览 1提问于2020-09-22得票数 0
我使用的是cq表格，并让下拉列表拖放到国家和州的表单上。我想填充/libs/foundation/components/form/下拉组件。
欢迎任何帮助。我使用的是cq 5.6.1 (aem 6自适应表单有一些方法)
浏览 2提问于2015-11-03得票数 0
我们有一个下拉组件，它的下拉列表在任何外部单击时都会崩溃。这项工作的实施情况如下： public documentClick(event) {
if (this.dropdownIsOpen当使用TestBed.createComponent时，似乎只创建了组件，并且它不在任何文档中<
浏览 1提问于2018-04-17得票数 5
回答已采纳
1回答
点击下拉内容，下拉式隐藏
、、、、
下拉列表的HTML代码： <li class="dropDownLink"> <ul class="dropDown"> <
浏览 8提问于2015-08-01得票数 2
回答已采纳
每当我单击引用组件的外部时，我就有一个React，它隐藏了一个天桥/弹出/下拉列表。当使用本地州时，它运行得非常好。WrappedComponent open={open} setOpen={setOpen} ref={ref} {...props} />;}
在使用时，我只是用特殊的函数包装所需的组件return <W
浏览 0提问于2020-10-21得票数 0
回答已采纳
4回答
因此，我试图在Vue中构建一个简单的下拉菜单组件，它有切换按钮，用户可以自由地单击项目周围的选项卡，但是一旦焦点离开组件，菜单就会崩溃。现在，我保持了对@blur和@focus事件的关注，但是Toggle按钮有问题。如果我附加相同的侦听器到它，然后点击它显示并立即隐藏菜单，所以你必须再次点击它来展开它。
下面是演示这个问题的。但是，如果我删除了侦听器，那么在焦点位于组件内之后<em
浏览 1提问于2018-09-20得票数 2
回答已采纳
我在Modal中有下面的用户界面，这里我需要从下拉列表中选择部门(使用AJAX获取项目列表)。在这里，我想通过单击下拉菜单旁边的按钮来轻松地添加新的部门-这样的弹出模式与UI。
showModal () { this.formInfo.formSubmitted = false;
this.现在点
浏览 1提问于2018-04-05得票数 4
回答已采纳
我正在创建一个下拉-多选择自定义元素。我打算把这个组件放在1000行的表的每一行中。
有没有更好的</
浏览 0提问于2019-01-29得票数 3
回答已采纳
3回答
我的项目从VueJS和Buefy开始。组件有两个不同的操作：
但是，当我单击Action 2时，Action 1总是有效的在这里，我的组成部分： :projects="data"
@click.native="actionOne()&
浏览 0提问于2019-08-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
