问题描述
如何在 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>
解决方法
使用 show
或 shown
<b-nav-item-dropdown>
中的 Bootstrap-Vue 没有 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 的网站上找到它的信息,因为他们没有制作这个库。)