API 浏览器
下拉菜单按钮

QBtnDropdown 是一个非常方便的下拉按钮。与 QList 作为下拉菜单内容非常匹配,但绝不限于此。

¥QBtnDropdown is a very convenient dropdown button. Goes very well with QList as dropdown content, but it’s by no means limited to it.

如果你需要下拉菜单,请使用 “input” 而不是 “button”,而不是 选择

¥In case you are looking for a dropdown “input” instead of “button” use Select instead.

Loading QBtnDropdown API...

用法(Usage)

¥Usage

Basic



Various content



Split



Custom button



Custom dropdown icon



Label slot



Using v-model



Disable



以下示例不适用于 UMD 版本(因此在 Codepen/jsFiddle 中也同样如此),因为它依赖于 Vue Router 的存在。

¥The following example won’t work with UMD version (so in Codepen/jsFiddle too) because it relies on the existence of Vue Router.