vue.js - 如何在 Bootstrap-Vue 中使用点击事件在 Vue.js 中？

Question

如何<b-nav-item-dropdown>在 Bootstrap-Vue 中使用 click 事件，如下所示？我查看了 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>

Answer 1

使用show或shown

Bootstrap-Vue<b-nav-item-dropdown>中的没有事件，但会在显示下拉列表之前发出一个调用的事件，包括单击它时。它紧随其后。clickshowshown

<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 的网站上找到它的信息，因为他们没有制作这个库。）