时间戳

首页 > 解决方案 > 我可以在 Bulma 选项卡中使用 Bulma 下拉菜单吗？

vue.js - 我可以在 Bulma 选项卡中使用 Bulma 下拉菜单吗？

问题描述

我正在使用 Nuxt.js 和 Bulma。我正在使用 Bulma 选项卡（https://bulma.io/documentation/components/tabs/）进行导航。

我想插入 Bulma 下拉菜单（https://bulma.io/documentation/components/dropdown/#hoverable-or-toggable）。但它在选项卡中间不起作用。

我知道谁想使用 Bulma 下拉菜单需要使用 javascript，所以我使用它。但它不起作用。

我该如何解决？

标签： vue.jsbulma

解决方案

要在 Bulma 的选项卡中使用下拉菜单，您需要调整选项卡 div 中的溢出 CSS。我不知道为什么我必须设置 overflow-x 和 overflow-y 才能让它正常工作，但我做到了。

当下拉菜单处于活动状态时：

overflow-x : visible;
overflow-y : visible;

当下拉菜单未激活时，重置为默认值：

overflow-y : hidden;
overflow-x : auto;

推荐阅读