关闭所有下拉菜单$ 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();