如何在 Vue.js 中使用带有 Bootstrap-Vue <b-nav-item-dropdown> 的点击事件？

【问题标题】：How to use click event with Bootstrap-Vue <b-nav-item-dropdown> in Vue.js?如何在 Vue.js 中使用带有 Bootstrap-Vue <b-nav-item-dropdown> 的点击事件？
【发布时间】：2021-05-20 09:53:42
【问题描述】：

如何在 Bootstrap-Vue 中使用带有 <b-nav-item-dropdown> 的点击事件，如下所示？我查看了 Vue.js 文档，但找不到 <b-nav-item-dropdown> 的任何点击事件。

<b-nav-item-dropdown text="nav_title">
    <b-dropdown-item href="#">
        a
    </b-dropdown-item>
    <b-dropdown-item href="#">
        a
    </b-dropdown-item>
</b-nav-item-dropdown>

【问题讨论】：

标签： vue.js vuejs2 vue-component bootstrap-vue vue-events

【解决方案1】：

使用`show` 或`shown`

Bootstrap-Vue 中的<b-nav-item-dropdown> 没有click 事件，但会在显示下拉列表之前发出一个名为show 的事件，包括单击它时。它会立即发出shown。

<b-nav-item-dropdown @show="doSomething">

您的代码：

<b-nav-item-dropdown text="nav_title" @show="doSomething">
    <b-dropdown-item href="#">
        a
    </b-dropdown-item>
    <b-dropdown-item href="#">
        a
    </b-dropdown-item>
</b-nav-item-dropdown>

methods: {
  doSomething() {
    console.log('shown');
  }
}

（你没有在 Vue 的网站上找到它的信息，因为他们没有制作这个库。）

【讨论】：

使用show 或shown

使用`show` 或`shown`