javascript 如何创建 vuetify 工具栏链接下拉菜单?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/54337639/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-29 10:23:06  来源:igfitidea点击:

How to create vuetify toolbar link dropdown menu?

javascriptvue.jsmaterial-designvuetify.js

提问by 001

Go to https://vuetifyjs.com/en/components/toolbars

转到https://vuetifyjs.com/en/components/toolbars

On the top left toolbar we see links: store, support, ecosystem, version, locate

在左上角的工具栏上,我们看到链接:商店、支持、生态系统、版本、定位

How do I create this style of toolbar button link (with dropdown items)?

如何创建这种样式的工具栏按钮链接(带有下拉项)?

(I am unable to find an example)

(我找不到一个例子)

采纳答案by mava

It's a simple plain menucomponent.
Click on the example button (dropdown) and on "support" and you will see, that they behave the same.
If you inspect the "support" button with your browser (Firefox, ChromeShortcut F12 for both),
you can see thats a "v-menu"(menu component) and you can see the CSS used for it.

这是一个简单的普通菜单组件。
单击示例按钮(下拉菜单)和“支持”,您将看到它们的行为相同。
如果您使用浏览器(FirefoxChromeShortcut F12 两者)检查“支持”按钮,
您可以看到这是一个“v-menu”(菜单组件),您可以看到用于它的 CSS。