如何处理Vuetify中v菜单的click事件？

文章/答案/技术大牛

发布

2回答

vue.js、vuetify.js

如何在Vuetify中检查和处理v-menu的点击事件？

浏览 65提问于2019-10-16得票数 2

回答已采纳

1回答

如何使v-自动完成/v-选择始终显示下拉列表？

javascript、vue.js、vue-component、dom-events、vuetify.js

我正在使用一个v-autocomplete，即。上面的实现的问题是，当您单击按钮时，您最初看到的是一个压缩的下拉项目，它看起来非常糟糕。

浏览 2提问于2021-08-18得票数 3

2回答

我正在处理一个Vue.js项目，我需要弄清楚在此断点处于活动状态时如何隐藏这些菜单项。$vuetify.breakpoint.sm当此断点处于活动状态/屏幕较小时，以下代码当前显示此菜单项。div(v-show="$vuetify.breakpoint.sm").mobileCta a(@click="showMobileMenu = !showMobileMenu").mobileCt

浏览 20提问于2020-06-25得票数 1

回答已采纳

1回答

Vuetify:如何将v-menu固定在给定位置？

vuetify.js

我有一个如下所示的v-menu： <v-menu :absolute="false" :close-on-content-click="false" :position-y="200"> <v-bt

浏览 88提问于2021-03-26得票数 0

1回答

如何通过单击image以编程方式下拉select菜单？

javascript、vue.js、vuejs2、vue-component、vuetify.js

我有我的图像属性并在模板中选择： @click='click_select'/> ref='select'/>click_select(){ this.

浏览 0提问于2020-07-27得票数 0

回答已采纳

1回答

如何在任意元素单击时触发Vuetify组件激活器？

vue.js、vuetify.js

我试图打开一个小的弹出式浮动菜单，当一个元素被点击Vuetify (2.5.0)和Vue (2.6.12)。<v-menu bottom offset-y> <div v-bind="attrs" v-on="</div> </v-men

浏览 1提问于2021-10-28得票数 1

回答已采纳

2回答

如何处理<v>上的单击事件？

javascript、vue.js、vuejs2、vuetify.js

我是vuetify和vue的新手，我试图弄清楚如何处理<v-btn>上的单击事件。(使用vue 2.6.10和vuetify 2.0.0__) <v-btn color="primary" rounded @onclick.native=

浏览 2提问于2019-08-02得票数 0

1回答

在看到v-list-item onclick之前关闭v-menu

javascript、html、vue.js、vuetify.js

我用vue和vuetify设置了以下菜单： <div id="app"> <div class="text-center"> </v-btn> <v</

浏览 20提问于2021-08-25得票数 1

2回答

V菜单在打开表单后立即关闭，然后单击第三方lib事件。

javascript、vue.js、vuetify.js、cytoscape.js

我正试图把细胞角整合到一个流行的SPA中。将图形呈现为v卡元素已经开始工作了。同样有效的是点击处理程序，当单击图表中的便笺时，可以使用vue路由器导航到另一个页面。但是，当该值被设置为true时，在胞景内单击处理程序时就不会发生这种情况。代码部分地从vuetify示例中复制。我发现奇怪的是，如果布尔值'contextMenuOpen‘被绑定到菜单的<e

浏览 0提问于2019-07-13得票数 1

2回答

如何让Vutify VMenu正确对齐？

vuetify.js

我需要使右对齐的v菜单与“附加”选项。JS： new Vue({ vuetify: new Vuetify(), show: false, { title: 'Click Me' }, { title: 'Click</e

浏览 24提问于2020-04-29得票数 3

1回答

虚拟导航抽屉-来自其他组件的控制

vue.js、vuetify.js、navigation-drawer

在我的App.vue组件中，我有一个导航抽屉菜单，其中包含主项和一些子项。这些子项只应在子组件页上的某个事件(按钮单击)后显示(变量totalResult应为真)： v-show="totalResult" <v-li

浏览 9提问于2022-07-26得票数 0

回答已采纳

1回答

我是否应该担心由于没有删除事件处理程序而导致的内存泄漏？

vuejs2、memory-leaks、dom-events、vuetify.js

我最近不得不将事件处理程序添加到vuetify对话框的覆盖中，它起作用了。打开/关闭对话框由布尔变量dialog控制 <MyComponent v-if="dialog" />以及添加/删除处理程序的

浏览 1提问于2021-06-01得票数 0

2回答

将表单显示为下拉到按钮(vuetify)

javascript、vue.js、vuejs2、vuetify.js

我有一个v-btn.问题2)下拉显示的WHen和我在文本框上的鼠标，下拉完全关闭。我只想关闭它时，我点击按钮，它也驻留在该下拉列表的末尾。我怎么不关闭它时，点击它？我用v菜单做下拉菜单。

浏览 1提问于2019-07-25得票数 1

回答已采纳

1回答

vue.js应用程序上的辅助功能-单击Tab键时显示div

javascript、html、vue.js、tabs、vuetify.js

我将创建一个带有可访问性跳转标记的菜单，该菜单仅在单击键盘上的Tab键时可见。如何在Vuetify中实现这一点？有没有办法使用@click这样的东西来做这件事？这是我的菜单html代码：<template> <div class="m-block-tab-jump-sections" data-module="tab-jump-section

浏览 0提问于2020-05-05得票数 1

1回答

如何跟踪v-select中选择的项？

vue.js、vuetify.js、v-select

我正在使用Vuetify 1.5.2开发一个vue.js应用程序。我们有一个这样的v-选择： v-model="selectedOptions" multipleselectionChanged(selection) {} 这给了我一个下拉菜

浏览 2提问于2020-12-30得票数 0

回答已采纳

1回答

如何在v-app外点击关闭v-select？

javascript、vue.js、vuetify.js

我有一个vue应用程序，用户vuetify。该应用程序在现有的cms中使用。当下拉选择被打开时，在应用程序外部单击并不会关闭下拉菜单。如果单击是在应用程序区域内，则下拉菜单关闭。知道如何在应用程序外部单击打开的下拉列表时触发关闭吗？ select</span> <v-select label="Click me and leave it opened.Then <e

浏览 12提问于2019-05-09得票数 6

回答已采纳

2回答

错误:属性或方法" on“不在实例上定义，而是在呈现过程中引用。

vue.js、vuetify.js

我在我的庆典表格上用的是挑选生日的人。所有其他的采摘工都很好。但是当我添加“生日选择器”时，我得到了这个错误。我不明白我是在哪里犯的错误。我使用的代码与Vuefity提供的代码完全相同。这是我的代码细节

浏览 3提问于2020-04-23得票数 0

2回答

Jest和Vue Test Utils单元测试Vue

javascript、vue.js、unit-testing、jestjs、vue-test-utils

我在vue的单元测试中是全新的。我正在尝试对导航vue组件进行单元测试。我一开始很容易，我只想测试一种只会使布尔值为false的方法(通过单击按钮触发)。我也在使用vuetify。我在某种程度上模拟了一个按钮，然后我希望我要传递的变量(showLoginDrawer)在单元测试中返回false。我的错误是TypeError：_vm.is.has不是一个与代码不同部分相关的函数，我想我遗漏了一些东西，但是我在网上找不到任何关于它

浏览 8提问于2022-04-01得票数 0

2回答

组件中数据属性的getAttribute返回null

javascript、vue.js、vuejs2、vue-component、vuetify.js

从Vue开始，需要一些关于最佳实践的建议。new Vue({ vuetify:new Vuetify(),

浏览 1提问于2020-04-25得票数 0

回答已采纳

1回答

Vuetify/autocomple组件如何带上自己的`v-list-item`

vuetify.js

在autocomplete/slot:item上的组件库Vuetify中有一个提示，我可以带上自己的v-list-item// Description{ item: object on: object // Only needed when providing your own v-

浏览 3提问于2020-03-29得票数 0

点击加载更多