vue.js - 关闭所有下拉菜单 $root 事件

Question

我的 UI 中有一个特殊情况，我需要关闭所有打开的 b-bropdown 组件（包括 b-nav-item-dropdown）。

我还没有找到与 b-tooltip 提供的方法类似的方法。

this.$root.$emit('bv::hide::tooltip');

这样的事情将是完美的：

this.$root.$emit('bv::close::dropdown');

在这一点上，只要它按预期工作，我可以接受任何骇人听闻的答案。我应该使用mixins吗？如果是这样，如何干净地做到这一点？

Answer 1

bootstrap-vue 的人提供了一种未记录的方式来处理另一个事件：

this.$root.$emit('bv::link::clicked');

Answer 2

您可以在组件实例上执行此操作

<b-dropdown ref="foo"></b-dropdown>


this.$refs.foo.hide();